/* Koi Rise · game styles. Portrait column centred on wide screens. */
:root{--bg:#06222b;--load-bg:linear-gradient(180deg,#127a78,#06222b);--accent:#c8102e;--accent-d:#7a0a1c;--go:#ff6a3d;--go-d:#c2441f;--gold:#ffc94a;--scrim:rgba(4,22,28,.72);--panel:rgba(255,255,255,.95)}
.app{background:radial-gradient(ellipse at 50% 0%,#127a78 0%,#06222b 70%)}
.col{position:absolute;inset:0;margin:0 auto;max-width:480px;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.45)}
.hudbtn{top:calc(10px + var(--sat))}
.home{background:linear-gradient(180deg,rgba(6,34,43,.1),rgba(6,34,43,.75) 60%)}
.logo{color:#fff}.logo span{color:var(--gold)}
.tag{margin:-4px 0 0;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#bff4e8}
.chip.pearl .pearl-dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffe9a3 45%,#ffc94a);box-shadow:0 0 6px #ffc94a}
.missions{width:min(340px,100%);display:grid;gap:8px;padding:12px 14px;text-align:left}
.m-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;letter-spacing:.12em;color:var(--muted)}
.m-head .lvl{background:var(--ink);color:#fff;border-radius:999px;padding:1px 10px;letter-spacing:0}
.missions ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.missions li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;font-size:14px;align-items:center}
.missions li .bar{grid-column:1/-1;height:6px;border-radius:999px;background:rgba(20,18,44,.12);overflow:hidden}
.missions li .bar i{display:block;height:100%;background:linear-gradient(90deg,#ff6a3d,#ffc94a)}
.missions li .rw{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px}
.missions li.done{color:#1b9665}.missions li.done .bar i{background:#2fcf8f}
.missions li.just{animation:cg-in .5s both}
.reason{margin:0;font-size:15px;color:#ffd0c4;letter-spacing:.04em}
.score-big{font-size:clamp(54px,15vw,76px);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}
.newbest{font-size:13px;letter-spacing:.1em;color:var(--ink);background:var(--gold);padding:3px 12px;border-radius:999px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13px;color:var(--muted);width:min(340px,100%);text-align:left;padding:10px 14px}
.stats b{color:var(--ink);float:right}
.ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) calc(var(--p,1)*1turn),rgba(255,255,255,.2) 0);position:relative}
.ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#06222b}
.ring b{position:relative;font-size:40px;color:#fff}
.koi-grid{display:grid;grid-template-columns:repeat(2,minmax(130px,150px));gap:12px}
.koi{background:var(--panel);border-radius:20px;box-shadow:0 5px 0 rgba(20,18,44,.25);padding:8px 8px 10px;display:grid;justify-items:center;gap:4px;border:3px solid transparent}
.koi.on{border-color:var(--gold)}
.koi canvas{width:92px;height:92px;border-radius:14px;background:linear-gradient(180deg,#127a78,#0b4f55)}
.koi .nm{font-size:15px}
.koi .btn{min-height:36px;font-size:14px;padding:6px 14px 4px;gap:6px}
.koi .btn .pearl-dot{width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ffe9a3 45%,#ffc94a)}
.board{width:min(340px,100%);padding:10px 14px}
.board ol{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-variant-numeric:tabular-nums}
.board li{display:grid;grid-template-columns:26px 1fr auto;gap:8px;font-size:15px;align-items:center}
.board li .r{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px}
.board li:first-child .r{background:var(--gold);color:var(--ink)}
.board li .d{font-size:12px;color:var(--muted)}
.board .empty{margin:0;color:var(--muted);font-size:14px;text-align:center}
@media (max-height:640px){.missions{display:none}#scOver .missions{display:grid}#scOver .stats{display:none}}