@font-face{font-family:Fredoka;src:url('../grid-rush/assets/fonts/Fredoka.woff2') format('woff2');font-weight:300 700;font-display:swap}
:root{color-scheme:light;--paper:#f6f1df;--ink:#304535;--green:#275b46;--muted:#68705b;--red:#bb4d3f;--line:#d4d3b9;--yellow:#edb84e}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Fredoka,'PingFang TC',system-ui,sans-serif;background-image:radial-gradient(#64735d14 .7px,transparent .7px);background-size:6px 6px}button,input,select{font:inherit;color:inherit}button,a,input,select{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #337e91;outline-offset:4px}button{user-select:none;-webkit-user-select:none}button,a{-webkit-touch-callout:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(29px,4vw,49px)}h2{font-size:23px}h3{font-size:19px}small{font-size:13px}select,input:not([type=checkbox]){min-height:44px;width:100%;font-size:16px;border:1px solid #b6bea8;background:#fffaf0;border-radius:10px;padding:9px 32px 9px 12px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23304535' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-size:16px;background-repeat:no-repeat;background-position:right 14px center}input{padding-right:12px!important}label>span:first-child{display:block;margin-bottom:7px;font-size:14px;font-weight:600}.site-header{max-width:1080px;margin:auto;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:12px}.home-link{display:flex;align-items:center;gap:9px;font-weight:500;font-size:15px}.header-tools,.language-switch{display:flex;align-items:center;gap:5px}.header-tools button{background:transparent;border:1px solid #c5c9af;border-radius:8px;min-height:38px;min-width:34px;padding:5px 9px;font-size:13px}.language-switch button[aria-pressed=true]{background:var(--green);color:#fff4d3}.header-tools>#sound{margin-right:8px}main{max-width:1032px;margin:0 auto;padding:14px 24px 36px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;margin-bottom:30px}.hero-copy{padding:12px 0}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--muted)}.overline{font-size:15px;color:var(--red);margin:22px 0 10px;font-weight:500}.hero h1{white-space:pre-line;line-height:1.25;letter-spacing:.02em;margin-bottom:14px}.hero p:not(.overline){font-size:16px;max-width:350px;color:var(--muted);line-height:1.7}.hero-stamp{display:inline-flex;align-items:center;gap:9px;color:var(--red);font-size:22px;font-weight:700;transform:rotate(-4deg);border:2px solid currentColor;border-radius:8px;padding:5px 10px}.hero-stamp span{font-size:11px;max-width:130px;line-height:1.3}.hero-art{position:relative;border-radius:22px;overflow:hidden;border:2px solid var(--ink);transform:rotate(2deg);background:#edc777;box-shadow:6px 7px 0 #d7ddc4}.hero-art img{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}.art-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#2c513c;font-size:10px;letter-spacing:.1em}.card{background:#fffcf0;border:1px solid var(--line);border-radius:20px;box-shadow:0 5px 0 #d8ddc6}.setup{padding:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2{margin:0}.issue{font-size:11px;color:var(--muted);letter-spacing:.08em}.mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mode-card{display:flex;position:relative;gap:12px;text-align:left;padding:18px 14px;border:2px solid #d2d6bc;border-radius:14px;background:#f4f3e6;transition:background .18s,transform .18s,border-color .18s}.mode-card[aria-pressed=true]{background:#e4edda;border-color:var(--green);box-shadow:0 3px 0 #93ad8f}.mode-card:active{transform:scale(.98)}.mode-card strong{display:block;font-size:18px;margin:2px 0 8px}.mode-card small{display:block;line-height:1.6;color:#596450}.mode-icon{font-size:27px;line-height:1.2}.mode-card i{position:absolute;right:8px;top:5px;font-size:15px;font-style:normal;opacity:0;color:var(--green)}.mode-card[aria-pressed=true] i{opacity:1}.options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;align-items:start}.toggle-row{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;cursor:pointer;position:relative;min-height:44px}.toggle-row input{width:44px;height:30px;margin:0;position:absolute;opacity:0;z-index:2;cursor:pointer}.switch-track{display:block;flex:0 0 44px;height:26px;background:#b1bca5;border-radius:20px;position:relative}.switch-track:before{content:'';width:18px;height:18px;position:absolute;left:4px;top:4px;border-radius:50%;background:#fff9e7;transition:transform .2s}.toggle-row input:checked+.switch-track{background:var(--green)}.toggle-row input:checked+.switch-track:before{transform:translateX(18px)}.toggle-row input:focus-visible+.switch-track{outline:3px solid #337e91;outline-offset:4px}.names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.soft-note{font-size:13px;color:#66705a;line-height:1.65;margin:14px 0}.start-row{display:flex;gap:12px;margin-top:24px}.button{min-height:48px;padding:10px 18px;border:1px solid #aab79c;border-bottom-width:4px;border-radius:12px;font-size:16px;font-weight:500;display:inline-flex;justify-content:center;align-items:center;gap:10px;transition:transform .12s,box-shadow .12s;line-height:1.25}.button:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}.primary{background:var(--green);color:#fff1c8;border-color:#193f31;box-shadow:0 3px 0 #193f311f;flex:1;font-size:19px}.primary:hover{background:#306b52}.secondary{background:#f5edcf}.start-mop{font-size:25px;transform-origin:70% 80%;animation:ready-mop 2.5s ease-in-out infinite}.home-secondary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.shortcut{padding:20px;display:flex;align-items:center;gap:14px;text-align:left}.shortcut>span:first-child{font-size:28px}.shortcut>span:last-child{margin-left:auto}.shortcut strong{font-size:17px;font-weight:500}footer{text-align:center;margin:40px 0 0;color:var(--muted);font-size:10px;letter-spacing:.12em}footer span{display:block;font-size:24px;margin-bottom:8px}
/* The running room owns a fixed viewport. Notices have reserved space. */
body.is-playing{overscroll-behavior:none;overflow:hidden;background:#e8eddc}body.is-playing .site-header{display:none}body.is-playing main{padding:0 8px;max-width:760px}body.is-playing .game-guide{display:none}#play-panel{height:100svh;max-height:1100px;display:flex;flex-direction:column;gap:6px;padding:calc(6px + env(safe-area-inset-top)) 0 calc(16px + env(safe-area-inset-bottom));user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}.game-toolbar{display:flex;align-items:center;gap:8px;flex:0 0 56px}.icon-button{width:42px;height:42px;flex:0 0 42px;border:1px solid #b1bea4;border-radius:13px;background:#fdf7df;font-size:23px;display:grid;place-items:center;padding:0}.hud-stat{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;line-height:1.2}.hud-stat span{font-size:11px;color:var(--muted);white-space:nowrap}.hud-stat strong{font-size:25px;font-weight:500;font-variant-numeric:tabular-nums}.score-stat strong{color:var(--red)}.instruction{height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;text-align:center;padding:3px 10px;margin:0;background:#fff5d7;border:1px solid #d4c690;border-radius:9px;font-size:12px;font-weight:600;line-height:1.25}.instruction.is-warning{background:#ffe1ba;border-color:#b25c41;color:#943e30}#arena{min-height:0;flex:1;position:relative;display:flex;justify-content:center;overflow:hidden;border-radius:17px;background:#cbdcc1;border:2px solid #6f8b6a}#room{height:100%;width:100%;object-fit:contain;display:block;touch-action:none}#event-banner{position:absolute;top:5px;left:10%;right:10%;padding:5px 9px;border:1px solid #a97a39;background:#ffefd1;border-radius:10px;text-align:center;font-size:12px;font-weight:600;pointer-events:none}#countdown{position:absolute;inset:0;display:grid;place-content:center;background:#f4eed54d;font-size:70px;color:var(--red);font-weight:700;pointer-events:none}#controls{flex:0 0 auto;display:grid;gap:7px}.rage-row{display:flex;align-items:center;gap:8px;font-size:12px;padding:4px 2px}.rage-row meter{flex:1;height:17px;min-width:30px;accent-color:#d88d39}.rage-row strong{width:43px;text-align:right;font-weight:600}.sister-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.sister-buttons .button{font-size:13px;padding:8px 5px;min-height:47px;gap:3px}.shout{background:#eed18a;border-color:#ad8d40}.roar{background:#edac83;border-color:#a96d49}.super{background:#b5d4c1;border-color:#6e977c}.super:not(:disabled){animation:super-ready 1s ease-in-out infinite}.diner-row{border:1px solid var(--player,#e89947);border-left:5px solid var(--player,#e89947);border-radius:12px;padding:7px 8px;background:#fffaeb;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.diner-status{display:flex;align-items:center;gap:8px;min-width:0}.diner-status strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.diner-status small{font-size:11px;white-space:nowrap;color:#754b38}.diner-cramp{font-size:11px;color:var(--red)}.diner-meter{display:flex;gap:5px;align-items:center;font-size:10px}.diner-meter meter{width:60px;height:12px;accent-color:#bd654c}.foot-buttons{display:flex;gap:6px;grid-column:2;grid-row:1 / 3}.foot-buttons button{min-width:66px;min-height:46px;border:1px solid #8c9f82;border-bottom-width:4px;border-radius:9px;background:#d9e6cf;padding:7px 12px;font-size:15px;font-weight:500}.foot-buttons button[aria-pressed=true]{background:var(--green);color:#fff2ca;transform:translateY(-2px)}.foot-buttons .menu-button{background:#ead49b;font-size:12px}.foot-buttons button:disabled{background:#d3d1c5}.diner-row+.diner-row{margin-top:5px}#meal-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.meal-action{display:flex;flex-direction:column;gap:4px}.meal-action .button{min-height:42px;font-size:14px;padding:7px 12px;background:#f3dc9c;border-color:#b89b52}.meal-action:last-child .button{background:#dce4c9;border-color:#98ab7c}progress{width:100%;height:8px;accent-color:var(--green);border:0}#controls.is-qte .meal-action .button{background:#ffe28e;box-shadow:0 0 0 2px #cf9e27}.result{max-width:560px;margin:25px auto;padding:28px;text-align:center;overflow:hidden}.result-overline{font-size:14px;color:var(--red);letter-spacing:.12em}.result h1{font-size:28px;margin:14px 0;line-height:1.3}.result h2{font-size:24px;color:#865f24;overflow-wrap:anywhere}.receipt{background:#fffdf4;padding:22px;margin:24px 0;border-top:2px dashed #bbc2a9;border-bottom:2px dashed #bbc2a9;font-size:15px}.receipt>span{font-size:11px;letter-spacing:.15em;color:var(--muted)}.receipt>div{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.receipt strong{font-size:22px;color:var(--green);font-variant-numeric:tabular-nums}.receipt>div:first-of-type strong{color:var(--red);font-size:32px}.record-entry{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #d8dcc5}.record-entry .medal{font-size:28px}.record-entry strong{font-size:22px;color:var(--green)}.record-entry time{font-size:12px;color:var(--muted);margin-left:auto}
dialog{color:var(--ink);background:#fffaeb;width:min(600px,calc(100vw - 24px));max-height:calc(100svh - 32px);padding:20px;border:2px solid #6b8665;border-radius:20px;box-shadow:0 20px 80px #173e364d;overflow:hidden}dialog[open]{display:flex;flex-direction:column;gap:12px}dialog::backdrop{background:#18382bc2;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex:0 0 auto}.dialog-head h2{font-size:23px;margin:0}.close{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;padding:0;border:1px solid #aebca1;border-bottom-width:3px;border-radius:13px;background:#f1e6c6;font:32px/1 system-ui,sans-serif}.dialog-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 5px 6px 0;scrollbar-width:thin;scrollbar-color:#91a786 transparent}.dialog-scroll p{line-height:1.8}.dialog-scroll h3{margin:16px 0 10px}dialog p{margin:0;font-size:14px;line-height:1.7}dialog .button{flex:none;width:100%}.wallet{background:#e5edd8;padding:9px 12px;border-radius:10px;flex:0 0 auto}.wallet strong{font-size:24px;color:var(--red)}.gear-card{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:12px 5px;border-bottom:1px solid #d3d9bf}.gear-card>span{font-size:30px}.gear-card strong{font-size:16px;font-weight:500}.gear-card small{display:block;font-size:12px}.gear-card button{min-height:44px;border:1px solid #769369;border-bottom-width:3px;border-radius:9px;background:#e0eace;padding:8px 12px;font-size:13px}.gear-card button[aria-pressed=true]{background:#2c6049;color:#fff3d3}#shop-message{min-height:22px;color:var(--red)}
@keyframes ready-mop{0%,65%,100%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}85%{transform:rotate(-10deg)}}@keyframes super-ready{50%{box-shadow:inset 0 0 0 2px #e5b64f}}
@media(min-width:900px){.setup .start-row{max-width:580px;margin-left:auto;margin-right:auto}.home-secondary{max-width:680px;margin-left:auto;margin-right:auto}}
@media(max-width:640px){.site-header{padding:12px 16px}.home-link{font-size:12px;gap:6px}.home-link img{width:30px;height:30px}.header-tools>#sound{margin-right:0}.header-tools button{min-width:30px;padding:4px 7px;font-size:11px}main{padding:10px 16px 28px}.hero{grid-template-columns:1fr .9fr;gap:14px;margin-bottom:22px}.hero-copy{padding:0}.eyebrow{font-size:10px;letter-spacing:.06em}.overline{font-size:12px;margin:13px 0 7px}.hero h1{font-size:clamp(25px,6.7vw,39px);line-height:1.3;margin-bottom:9px}.hero p:not(.overline){font-size:12px;line-height:1.65;margin-bottom:0}.hero-stamp{display:none}.hero-art{border-radius:16px;box-shadow:4px 5px 0 #d7ddc4}.hero-art img{aspect-ratio:.82;object-fit:cover}.art-caption{font-size:10px;bottom:6px;letter-spacing:0}.setup{padding:16px;border-radius:17px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:21px}.issue{font-size:10px}.mode-picker{grid-template-columns:1fr;gap:9px}.mode-card{padding:11px 13px;gap:12px;align-items:center;border-radius:12px}.mode-card strong{font-size:17px;margin:0 0 3px}.mode-card small{font-size:12px;line-height:1.45}.mode-icon{font-size:28px}.options{gap:14px;margin-top:18px;grid-template-columns:1fr}.event-option>span:first-child{margin-bottom:1px}.toggle-row{min-height:37px}.start-row{gap:9px;margin-top:18px}.start-row .primary{font-size:17px}.start-row .secondary{font-size:14px;padding-inline:13px}.names{grid-template-columns:1fr;gap:9px}.names label{display:grid;grid-template-columns:80px 1fr;align-items:center}.names label>span{font-size:13px}.home-secondary{gap:12px;margin-top:19px}.shortcut{padding:13px 10px;gap:8px;border-radius:14px}.shortcut strong{font-size:13px}.shortcut>span:first-child{font-size:24px}.shortcut>span:last-child{font-size:16px}.result{padding:20px 16px}.result h1{font-size:25px}.result h2{font-size:21px}dialog{padding:16px}.dialog-head h2{font-size:21px}.gear-card{grid-template-columns:36px 1fr auto;gap:8px}.gear-card strong{font-size:14px}}
@media(max-width:360px){.hero{gap:10px;grid-template-columns:1fr .78fr}.hero h1{font-size:25px}.eyebrow{font-size:10px}.overline{font-size:11px}.section-heading h2{font-size:19px}.home-link>span{font-size:11px}.sister-buttons .button{font-size:11px}.foot-buttons button{min-width:58px;padding-inline:9px}.diner-status strong{max-width:92px}.diner-meter meter{width:48px}.foot-buttons .menu-button{min-width:58px;font-size:10px}.diner-row{padding:6px}.hud-stat strong{font-size:22px}.hud-stat span{font-size:10px}.icon-button{width:36px;flex-basis:36px;height:39px}.instruction{font-size:11px}.gear-card button{font-size:12px;padding-inline:9px}}
@media(max-height:500px) and (min-width:650px){body.is-playing main{max-width:1050px}#play-panel{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:45px 32px minmax(0,1fr);padding-bottom:8px}.game-toolbar{grid-column:2;grid-row:1}.instruction{grid-column:2;grid-row:2;height:32px;min-height:32px;font-size:11px}#arena{grid-column:1;grid-row:1 / 4;height:100%}#controls{grid-column:2;grid-row:3;align-self:center}.sister-buttons{grid-template-columns:1fr 1fr}.sister-buttons .button{font-size:12px}.game-toolbar{gap:4px}.hud-stat strong{font-size:20px}.hud-stat span{font-size:10px}.icon-button{width:32px;flex-basis:32px;height:36px}.diner-row{padding:5px}.foot-buttons button{min-width:53px;padding-inline:8px;min-height:43px}.diner-status strong{max-width:85px;font-size:12px}.diner-meter{font-size:10px}.diner-meter meter{width:45px}.meal-action .button{font-size:12px!important}#event-banner{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Shared-screen groups stay in one compact row, leaving room to actually mop. */
#diner-controls[data-count="2"],#diner-controls[data-count="3"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
#diner-controls[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
#diner-controls[data-count="2"] .diner-row,#diner-controls[data-count="3"] .diner-row{display:flex;flex-direction:column;gap:4px;padding:6px;margin:0;border-left-width:3px;min-width:0}
#diner-controls[data-count="2"] .diner-status,#diner-controls[data-count="3"] .diner-status{display:flex;flex-wrap:wrap;gap:2px 5px;min-height:32px;align-content:start}
#diner-controls[data-count="3"] .diner-status strong{width:100%;max-width:100%;font-size:12px}
#diner-controls[data-count="3"] .diner-status small{font-size:10px}
#diner-controls[data-count="3"] .diner-meter>span:first-child{display:none}
#diner-controls[data-count="2"] .foot-buttons,#diner-controls[data-count="3"] .foot-buttons{display:flex;width:100%;gap:4px;margin-top:auto}
#diner-controls[data-count="2"] .foot-buttons button,#diner-controls[data-count="3"] .foot-buttons button{flex:1;min-width:0;min-height:44px;padding:5px 2px;font-size:13px}
#tip-rating{font-size:10px;white-space:nowrap;color:#805536}
.meal-action .button{min-height:44px}
@media(max-height:500px) and (min-width:650px){#play-panel[data-mode=versus]{grid-template-columns:minmax(0,1fr) 330px}.foot-buttons button{min-height:44px}}
.close{font-size:0;position:relative}.close::before{content:'';position:absolute;width:18px;height:18px;left:50%;top:50%;transform:translate(-50%,-50%);background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 5 10 10M15 5 5 15' stroke='%23304535' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E");pointer-events:none}
.game-toolbar .icon-button{width:44px;height:44px;flex-basis:44px}
/* Original café-comic edition: sunny paper, inky frames and bouncy controls. */
:root{--paper:#fff2df;--ink:#41392f;--green:#246f65;--red:#b8493d;--muted:#6f675a;--yellow:#ffca60}
body{background-color:var(--paper);background-image:radial-gradient(#cb80551c 1px,transparent 1px);background-size:10px 10px}
.hero-copy .eyebrow{color:#a35037;letter-spacing:.12em}.hero h1{color:#3f5142;text-shadow:2px 3px 0 #f0cb8b}.hero-art{border:3px solid var(--ink);box-shadow:7px 8px 0 #dfad74;rotate:2deg}.hero-stamp{background:#ffd270;rotate:-9deg;border:2px dashed #a3653e}
.card{border:2px solid #796447;box-shadow:4px 5px 0 #dcc09a}.setup{background:#fffbef}
.mode-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode-card{border:2px solid #a68d70;background:#fff6e7;box-shadow:0 4px 0 #bba17e;transition:transform .16s,background .16s,border-color .16s;min-height:126px}.mode-card[aria-pressed=true]{background:#dcf0df;border-color:#2b7464;box-shadow:0 5px 0 #2b7464;transform:translateY(-2px)}.mode-icon{width:53px;height:53px;flex:0 0 53px;display:grid;place-items:center;background:#ffd978;border:2px solid #84603e;border-radius:18px;rotate:-6deg;font-size:31px}.mode-card[data-mode=diner] .mode-icon{background:#c8e8ee;rotate:7deg}.mode-card strong{font-size:22px}.mode-card small{font-size:14px;color:#5e5b4d}
.quick-playbook{display:flex;gap:12px;margin-top:23px;padding:15px;background:#fff0ba;border:2px solid #ce9e51;border-radius:15px;box-shadow:2px 3px 0 #f0dca7}.quick-playbook>span{font-size:30px;color:#ad6139}.quick-playbook strong{font-size:16px}.quick-playbook p{margin:5px 0 0;font-size:14px;line-height:1.7}
.shift-preview{margin-top:22px}.shift-preview h3{font-size:18px;margin-bottom:12px}.shift-preview>p{font-size:12px;margin:10px 0 0;color:var(--muted)}.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.goal-card{border:1px solid #b2b8a0;border-bottom:3px solid #b2b8a0;border-radius:12px;background:#f9f3de;padding:11px 9px;text-align:left;min-width:0}.goal-card strong{display:block;font:600 13px/1.5 Fredoka,Iansui,sans-serif;overflow-wrap:anywhere}.goal-card span{display:block;font-size:12px;color:#68604e;margin-top:5px;font-variant-numeric:tabular-nums}.goal-card.is-done{background:#d7eed7;border-color:#3b8371}.goal-card.is-done strong{color:#205e4e}
.button{border-width:2px;border-bottom-width:5px}.primary{background:#276e62}.shout{background:#ffd574}.roar{background:#ffb08e}.super{background:#b8ddcf}.super:not(:disabled){border-color:#287b69;box-shadow:0 0 0 2px #fae39b}
#arena{border:3px solid #665943;box-shadow:inset 0 0 0 4px #fff0c0;background:#d2dfc3}.instruction{border:2px solid #d5ac62;background:#fff0c5}.combat-ribbon{position:absolute;bottom:9px;left:8px;right:8px;display:flex;align-items:end;justify-content:space-between;gap:8px;pointer-events:none}.combat-ribbon>span{max-width:57%;padding:4px 8px;border:2px solid #6c684d;border-radius:10px;background:#fff5dbf2;color:#465743;font-size:12px;font-weight:600;line-height:1.35;box-shadow:1px 2px 0 #6c684d55;font-variant-numeric:tabular-nums}#focus-readout{background:#ffe7a6;color:#745130;max-width:52%;text-align:right}
.pause-goals h3{font-size:17px;margin:2px 0 9px}.pause-goals .goal-card{padding:8px}.shift-report{padding:18px 0;border-bottom:2px dashed #d6b78c}.shift-rank{display:inline-block;padding:9px 16px;border:2px solid #a96b35;border-bottom-width:4px;border-radius:30% 18% 27% 20%;background:#ffe08a;color:#74502d;font-size:21px;rotate:-3deg}.shift-report>p{font-size:14px;line-height:1.7;margin:16px 0}.shift-report .goal-grid{margin-top:14px}.shift-pay{margin-bottom:0!important;font-size:14px!important}.shift-pay strong{font-size:23px;color:#a75238}.receipt{margin-bottom:8px}
@media(max-width:640px){.mode-picker{grid-template-columns:1fr;gap:11px}.mode-card{min-height:96px;padding:13px;display:flex}.mode-card strong{font-size:20px}.mode-card small{font-size:13px}.hero-art img{aspect-ratio:.9}.quick-playbook{margin-top:20px;padding:12px;gap:8px}.quick-playbook p{font-size:13px}.goal-grid{gap:6px}.goal-card{padding:9px 7px}.goal-card strong{font-size:12px}.goal-card span{font-size:11px}.shift-report .goal-card{padding:9px 6px}.shift-rank{font-size:19px}.combat-ribbon>span{font-size:11px;padding:4px 6px}.shift-preview h3{font-size:17px}}
@media(max-height:500px) and (min-width:650px){.combat-ribbon>span{font-size:11px}#arena{min-height:0}.pause-goals .goal-grid{gap:6px}.pause-goals .goal-card{padding:7px}}
@media(prefers-reduced-motion:reduce){.mode-card{transition:none}.mode-card[aria-pressed=true]{transform:none}}

#attack-countdown{position:absolute;right:10px;top:10px;padding:5px 9px;border:2px solid #85612f;border-radius:10px;background:#fff2baf5;color:#704524;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;pointer-events:none;box-shadow:1px 2px 0 #85612f55}#attack-countdown.is-close{background:#ffe09a;color:#9b382f;border-color:#b2673d}