:root{color-scheme:dark;--ring-text:#f6efdd;--ring-muted:#b7cad0;--ring-gold:#f6ce83;--ring-line:#54717a;--ring-surface:#132b3c}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Avenir Next,system-ui,sans-serif}body{overflow-x:hidden;color:var(--ring-text)}#app{min-height:100dvh}[hidden]{display:none!important}button,a,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.43}button:focus-visible,a:focus-visible{outline:3px solid var(--ring-gold);outline-offset:3px}.main-content,.main-copy{min-width:0}.main-copy{display:flex;flex-direction:column;gap:8px}.main-cover{width:100%;height:auto;object-fit:cover}.main-progress{margin:0;min-height:42px;display:grid;place-items:center}.eyebrow{margin:0;color:#a6d6cf;font-size:12px;font-weight:800;letter-spacing:.12em}.fact-row{display:flex;justify-content:center;gap:12px}.primary-button,.secondary-button,.ring-dialog button,.leave-confirm button{min-height:44px;padding:8px 14px;border:1px solid var(--ring-line);border-radius:4px;background:#1d3a4b;color:var(--ring-text);font-weight:700}.primary-button{background:var(--ring-gold)!important;color:#25343b!important}.game-page-info{margin-block:14px}.game-info-section li+li{margin-block-start:10px}.battle-screen{background:radial-gradient(ellipse at 50% 36%,#244250 0,#102537 52%,#0b1d2b);color:var(--ring-text)}#battleContent{--physical:var(--wp-battle-canvas-inverse-scale,1);container-type:size;height:100%;min-height:0;min-width:0;overflow:hidden;padding:8px 12px 12px}.play-panel{height:100%;width:100%;max-width:850px;min-height:0;margin:auto;display:grid;grid-template-rows:auto minmax(100px,1fr) auto;gap:4px}.instrument-console{display:contents}.pattern-header{grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(44px,1fr);align-items:center;gap:8px;min-height:58px}.pattern-caption{display:grid;gap:3px;color:#ede1bf;font-weight:700;font-size:calc(14px * var(--physical))}.pattern-caption small{color:var(--ring-muted);font-size:calc(11px * var(--physical));font-weight:400}.target-pattern{display:flex;gap:10px;justify-content:center}.target-slot{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:5px;padding:5px 6px;border-bottom:2px solid #5e777d;background:#0d2333;transition:background .18s,border-color .18s}.target-slot>small:first-child{grid-column:1/-1;text-align:center;font-size:10px;color:#bed0d6;letter-spacing:2px}.target-slot .alignment{font-size:12px;color:#7e999d}.target-slot[data-aligned=true]{border-color:#a5e4b9;background:#22473e}.target-slot[data-aligned=true] .alignment{color:#b7f5c5}.glyph{font-size:24px;line-height:1.2;font-family:system-ui,sans-serif;display:inline-block;min-width:23px;text-align:center}.glyph-0{color:#ffca65}.glyph-1{color:#8de2b9}.glyph-2{color:#ff8f90}.glyph-3{color:#b8a2ff}.quiet-button{justify-self:end;min-width:calc(44px * var(--physical));min-height:calc(44px * var(--physical));border:1px solid #526b78;background:#142c3a;border-radius:50%;font-weight:800;font-size:calc(17px * var(--physical))}.ring-board{grid-row:2;position:relative;min-height:0;min-width:0;isolation:isolate}.ring-board canvas{display:block;width:100%;height:100%;touch-action:none}.board-orbit-label{position:absolute;bottom:0;left:50%;transform:translate(-50%);color:#abc5ca;opacity:.5;font-size:11px;letter-spacing:5px;pointer-events:none}#renderer-status{position:absolute;inset:40% 12px auto;background:#183444;padding:16px;text-align:center}.instrument-controls{grid-row:3;display:grid;gap:6px;width:min(100%,440px);margin-inline:auto;align-content:center}.instrument-controls button{min-height:calc(44px * var(--physical));border:1px solid #56717a;border-radius:4px;background:#173647;color:var(--ring-text);font-weight:700;font-size:calc(13px * var(--physical));padding:5px 9px;transition:background .12s,transform .12s}.instrument-controls button:not(:disabled):active{transform:translateY(2px)}.ring-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ring-select button{display:flex;justify-content:center;align-items:center;gap:6px}.ring-select b{font-family:Georgia,serif;font-size:17px;color:#f6ce83}.ring-select button[aria-pressed=true]{background:#36585c;border-color:#e0c98e;box-shadow:inset 0 -2px #d2b87e}.mechanism-row{display:flex;align-items:center;justify-content:center;gap:10px;min-height:20px;font-size:calc(12px * var(--physical));color:#c6cfc9}.mechanism-row #clutch-button{font-size:calc(12px * var(--physical));padding-inline:8px}.turn-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.instrument-controls .turn-button{min-height:calc(52px * var(--physical));font-size:32px;color:#f8d99e;background:#2d4b53;border-color:#8d9887}.current-glyphs{display:flex;gap:9px}.current-glyphs .glyph{font-size:20px;opacity:.55;border-bottom:2px solid transparent;padding-bottom:3px}.current-glyphs [data-selected=true]{opacity:1;border-bottom-color:currentColor}.battle-status{margin:0;min-height:30px;display:grid;place-items:center;text-align:center;font-size:calc(12px * var(--physical));line-height:1.35;color:#c8d9d7}.utility-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.utility-controls button{background:#112b3a;border-color:#3d5867;color:#c3d5d9}.instrument-controls .hint-action{outline:2px solid #ffe0a1;outline-offset:2px;background:#53665b}#phase-button{grid-row:3;z-index:1}.result-panel{max-height:100%;overflow:auto;text-align:center;padding:16px 12px;display:grid;align-content:center;justify-items:center}.result-panel[data-has-reward=true]{padding-bottom:84px}.result-layout{display:grid;justify-items:center;align-content:center;gap:8px;width:min(100%,580px);min-width:0;margin:auto}.result-panel h2{margin:0;font-size:clamp(24px,4vw,36px);color:#fce2a9}.result-panel p{margin:0}.result-mimi{width:min(40vw,220px);height:min(40vw,220px);object-fit:contain;filter:drop-shadow(0 10px 16px #061622)}.result-panel:not([hidden]) .result-mimi{animation:ring-arrive .36s ease-out}@keyframes ring-arrive{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}.result-stars{color:#ffd978;font-size:30px;letter-spacing:9px}.result-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:12px 22px;border-top:1px solid #4c6875;border-bottom:1px solid #4c6875;min-width:260px}.result-card>div{display:grid;gap:4px}.result-card span{font-size:12px;color:var(--ring-muted)}.result-card strong{font-size:25px;color:#f6d28f}.result-card[data-wp-result-get-anchor=true]{padding-inline-end:56px;min-width:300px}#result-status{font-size:13px;line-height:1.4;color:#bdd2d2;min-height:24px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.result-actions button{flex:1 1 100px;min-height:calc(44px * var(--physical));font-size:calc(13px * var(--physical))}.ring-dialog,.leave-confirm{color:var(--ring-text);background:#112b3c;border:1px solid #6e878a;border-radius:6px;width:min(92vw,480px);max-height:90dvh;padding:0;box-shadow:0 20px 70px #0009}.ring-dialog>div,.ring-dialog>form,.leave-card{padding:22px;display:grid;gap:12px}.ring-dialog h2,.leave-card h2,.ring-dialog p,.leave-card p{margin:0}.ring-dialog p,.leave-card p{font-size:14px;line-height:1.65;color:#c1d4d4}.ring-dialog::backdrop,.leave-confirm::backdrop{background:#071723d9;backdrop-filter:blur(5px)}.leave-actions,.dialog-actions{display:flex;gap:10px}.leave-actions button,.dialog-actions button{flex:1}.finish-list{display:grid;gap:8px}.ring-dialog .finish-card{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:3px 12px;text-align:start;padding:12px}.finish-swatch{grid-row:1/3;width:36px;height:36px;border:7px solid #526f78;outline:1px solid #c7ac76;border-radius:50%;background:#142d3a}.finish-jade .finish-swatch{border-color:#247b69;outline-color:#c9e8c7}.finish-moonstone .finish-swatch{border-color:#727ca8;outline-color:#e8d9ff}.finish-card small{font-size:12px;color:#c5d5d7}.finish-card[aria-pressed=true]{border-color:#d3be85;background:#2b464b}#purchase-confirm{padding:12px;border:1px solid #8f8d73}#purchase-confirm .dialog-actions{margin-top:12px}.battle-ad-reserve{position:fixed;inset:auto 0 0;height:var(--wp-ad-reserve-height,0px);pointer-events:none}.sealed-pulse{animation:ring-seal .24s ease-out}@keyframes ring-seal{50%{filter:brightness(1.4)}}@media(max-width:699px){#mainScreen .fact-row,#mainScreen #main-summary{display:none}}@container (min-aspect-ratio:1.1){.play-panel{grid-template-columns:minmax(0,1fr) minmax(280px,41%);grid-template-rows:minmax(0,1fr);gap:6px 18px}.instrument-console{display:grid;grid-column:2;grid-row:1;align-self:center;gap:12px;min-width:0}.pattern-header,.ring-board{grid-column:1;grid-row:1}.instrument-controls{grid-column:1;grid-row:2;gap:5px}.board-orbit-label{bottom:4px}.pattern-caption{font-size:calc(12px * var(--physical))}.target-pattern{gap:5px}.result-layout{grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;gap:5px 16px;text-align:center;width:min(100%,680px)}.result-mimi{grid-column:1;grid-row:1/5;width:150px;height:180px;align-self:center}#result-eyebrow,#result-title,#result-copy,#result-stars,.result-card{grid-column:2}#result-status,.result-actions{grid-column:1/-1}}@media(orientation:landscape)and (max-height:560px){#battleContent{padding:4px 12px 8px}.play-panel{gap:2px 12px}.pattern-header{min-height:48px}.target-slot{padding:2px 4px}.target-slot .glyph{font-size:20px}.instrument-controls{gap:3px}.battle-status{min-height:21px;font-size:calc(10px * var(--physical))}.instrument-controls .turn-button{min-height:calc(44px * var(--physical));font-size:28px}.ring-select button{gap:4px}.mechanism-row{min-height:17px}.result-panel{padding:4px}.result-layout{gap:2px 12px}.result-mimi{height:140px}.result-panel h2{font-size:24px}.result-card{padding:4px 20px}.result-stars{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}