:root{--ink:#281b15;--cream:#f9edcf;--paper:#fff8e7;--orange:#e96a3d;--orange-dark:#b94327;--green:#617d45;--line:#422c20;--shadow:#25160e;--yellow:#f6c453;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;color:var(--ink);background:#201711}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#684a31,#251912 55%);overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:70px;padding:0 clamp(14px,3vw,38px);display:flex;align-items:center;border-bottom:3px solid #140d09;background:#2d2019;color:var(--cream);box-shadow:0 4px 0 #0e0906;position:relative;z-index:5}.brand{display:grid;grid-template-columns:43px auto;grid-template-rows:28px 14px;align-items:center;color:inherit;text-decoration:none;font-weight:1000;letter-spacing:1px}.brand>span:nth-child(2){font-size:23px;line-height:1}.brand>span span{color:#f28a50}.brand small{grid-column:2;font:700 9px/1 monospace;letter-spacing:2.2px;color:#cfb996}.brand-cup{grid-row:1/3;width:34px;height:27px;display:grid;place-items:center;background:#d65d36;border:3px solid #150e0a;box-shadow:4px 4px 0 #120b08;color:#ffd375}.online-pill{margin-left:auto;margin-right:18px;background:#1c1511;border:1px solid #5b493b;padding:7px 11px;border-radius:4px;font:700 12px monospace;color:#dacaae}.online-pill i{display:inline-block;width:8px;height:8px;background:#8fd14f;box-shadow:0 0 8px #8fd14f;margin-right:5px}.top-actions{display:flex;gap:8px}.top-actions button{height:34px;min-width:36px;border:1px solid #6b5240;background:#3c2b22;color:#f3dcb3;border-radius:3px;font-weight:900}.top-actions button:hover{background:#543829}.cafe-shell{display:grid;grid-template-columns:minmax(560px,1fr) minmax(330px,390px);gap:18px;max-width:1440px;margin:0 auto;padding:18px}.world-card{position:relative;min-width:0;background:#5e402c;border:4px solid #160e0a;box-shadow:8px 8px 0 rgba(0,0,0,.36);overflow:hidden;aspect-ratio:3/2;max-height:calc(100vh - 130px)}#cafe-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;background:#c99560}.world-status{position:absolute;top:12px;left:12px;z-index:2;color:#f7e7c8;background:#2b2019e8;border:2px solid #110b08;padding:7px 10px;font:700 11px monospace;box-shadow:3px 3px 0 #110b08}.world-status span:first-child{display:inline-block;width:8px;height:8px;background:#e3b343;margin-right:6px}.world-status span:first-child.live{background:#8fd14f}.controls-hint{position:absolute;left:12px;bottom:12px;background:#2b2019dc;color:#f3dfb9;border:2px solid #110b08;padding:7px 9px;font:700 10px monospace;display:flex;gap:12px}.interact-button{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);border:3px solid #20110b;background:#f5c452;color:#352010;padding:10px 18px;box-shadow:4px 4px 0 #20110b;font-weight:1000;text-transform:uppercase}.interact-button span{color:#dc5939}.dpad{display:none;position:absolute;right:13px;bottom:13px;grid-template-columns:repeat(3,38px);grid-template-rows:repeat(2,38px);gap:3px}.dpad button{background:#281d17db;border:2px solid #0e0906;color:#f8e6c1;border-radius:3px}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-column:1;grid-row:2}.dpad [data-dir=down]{grid-column:2;grid-row:2}.dpad [data-dir=right]{grid-column:3;grid-row:2}.side-panel{background:var(--paper);border:4px solid #150e0a;box-shadow:8px 8px 0 rgba(0,0,0,.36);min-height:560px;max-height:calc(100vh - 106px);display:flex;flex-direction:column}.panel-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:3px solid var(--ink);background:#ead7ae}.panel-tabs button{position:relative;padding:12px 4px 10px;border:0;border-right:1px solid #9e835d;background:transparent;color:#66513c}.panel-tabs button:last-child{border-right:0}.panel-tabs button.active{background:var(--paper);color:var(--orange-dark)}.panel-tabs span{display:block;font-size:19px}.panel-tabs b{font:800 10px monospace;text-transform:uppercase;letter-spacing:1px}.panel-tabs i{position:absolute;right:14px;top:9px;width:8px;height:8px;background:#ef4e36}.panel-view{display:none;overflow:auto;padding:20px;flex:1}.panel-view.active{display:block}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.panel-heading small,.modal small,.table-header small{font:900 9px monospace;letter-spacing:1.7px;color:var(--orange-dark)}h1,h2,p{margin-top:0}.panel-heading h1{font-size:24px;line-height:1.05;margin:7px 0 11px}.pixel-steam{font-size:38px;color:#bb8b61}.panel-copy{font-size:13px;line-height:1.5;color:#77634f}.menu-grid{display:grid;gap:10px}.menu-item{display:grid;grid-template-columns:54px 1fr auto;align-items:center;text-align:left;padding:11px;border:2px solid #cfb98e;background:#fffaf0;color:var(--ink);box-shadow:3px 3px 0 #d0b991}.menu-item:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px 0 #c29f72;border-color:var(--orange)}.menu-item:disabled{opacity:.48;cursor:not-allowed}.menu-item span:nth-child(2){display:grid}.menu-item b{font-size:15px}.menu-item small{font-size:11px;color:#8a755f}.menu-item strong{color:var(--orange-dark);font:900 13px monospace}.menu-art{width:44px;height:44px;display:grid;place-items:center;background:#d8ebdf;border:2px solid #2b503d;box-shadow:3px 3px 0 #294433;font:900 19px monospace}.tea-art i{position:absolute;margin-top:-38px;color:#855b45}.snack-art{background:#f2c76f;border-color:#7e4d2a;color:#aa3c28;letter-spacing:-8px;padding-right:8px}.empty-state{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px;border:1px dashed #bda783;color:#8c755e;font-size:12px}.empty-state span{font-size:24px}.empty-state p{margin:0}.payment-note{display:flex;gap:8px;font-size:11px;color:#8b755d;border-top:1px solid #dbc9a5;padding-top:12px;margin-top:16px}.order-card,.item-card{border:2px solid #6e4c34;background:#f5e3ba;margin-top:13px;padding:13px;box-shadow:3px 3px 0 #c2a476}.order-card img{width:130px;display:block;margin:8px auto;border:5px solid white}.status-row{display:flex;justify-content:space-between;align-items:center}.status-label{font:900 10px monospace;color:#b64328}.progress{height:8px;background:#d0b98f;margin:8px 0}.progress i{display:block;height:100%;background:#63a44b}.item-card{background:#dff0c6}.item-actions{display:flex;justify-content:space-between;align-items:center}.portions{letter-spacing:3px;font-size:20px}.primary,.chat-form button{border:2px solid #24150e;background:var(--orange);color:white;padding:10px 14px;font-weight:900;box-shadow:3px 3px 0 #24150e}.big-empty{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7d674e}.big-empty>span{font-size:54px;color:#db724c}.big-empty h2{color:var(--ink);margin:14px 0 8px}.big-empty p{max-width:280px;font-size:13px}.table-header{display:flex;justify-content:space-between;gap:8px;border-bottom:2px solid var(--ink);padding-bottom:11px}.table-header h2{margin:3px 0}.table-tools{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.table-tools button{font-size:10px;border:1px solid #9c815e;background:#f2e2c3;padding:6px}.table-tools .danger{color:#a33b29}.chat-list{height:300px;overflow:auto;padding:12px 2px}.message{max-width:88%;margin:6px 0}.message.mine{margin-left:auto;text-align:right}.message b{font-size:10px;color:#a04f31;display:block}.message p{display:inline-block;background:#ead9b6;border:1px solid #bea67f;padding:8px 10px;margin:2px 0;font-size:13px;overflow-wrap:anywhere}.message.mine p{background:#d9e9bd;border-color:#a7be7e}.emoji-row{display:flex;gap:5px;margin:8px 0}.emoji-row button{border:1px solid #ccb68f;background:white;padding:6px}.chat-form{display:flex;gap:7px}.chat-form input{min-width:0;flex:1;border:2px solid #b9a17b;background:white;padding:10px}.cards-view label{display:flex;gap:8px;align-items:center;margin:12px}.cards-view select{padding:6px}.card-players{display:flex;gap:6px;overflow:auto}.card-player{min-width:78px;background:#ead8b7;border:1px solid #ae9369;padding:7px;font-size:10px}.card-player.turn{outline:3px solid #e86c3c}.card-stage{height:205px;display:flex;align-items:center;justify-content:center;gap:23px;position:relative}.card-stage p{position:absolute;bottom:3px;font:800 11px monospace}.playing-card{width:72px;height:104px;border:4px solid #fff;border-radius:8px;outline:2px solid #281b15;background:#e86a43;color:white;display:grid;place-items:center;font:1000 26px monospace;box-shadow:5px 5px 0 #7c6048}.playing-card.back{background:repeating-linear-gradient(45deg,#24201d 0 6px,#e56642 6px 12px);font-size:13px}.playing-card.red{background:#dc4b3e}.playing-card.yellow{background:#e5b23c;color:#3d2a12}.playing-card.green{background:#55a461}.playing-card.blue{background:#467ec4}.playing-card.wild{background:conic-gradient(#dc4b3e 0 25%,#e5b23c 0 50%,#55a461 0 75%,#467ec4 0)}.hand{display:flex;overflow-x:auto;padding:8px 5px 15px;min-height:122px}.hand .playing-card{flex:0 0 61px;width:61px;height:90px;margin-left:-10px;font-size:20px}.hand .playing-card:first-child{margin-left:0}.hand button{cursor:pointer}.color-picker{display:flex;gap:8px;justify-content:center;margin:10px}.color-picker button{width:38px;height:38px;border:3px solid white;outline:2px solid #332319}.color-picker [data-color=red]{background:#dc4b3e}.color-picker [data-color=yellow]{background:#e5b23c}.color-picker [data-color=green]{background:#55a461}.color-picker [data-color=blue]{background:#467ec4}.ticker{height:34px;display:flex;align-items:center;justify-content:center;gap:24px;color:#e4ca9f;background:#1b120d;border-top:2px solid #6c4a33;font:800 9px monospace;letter-spacing:1.4px}.ticker i{color:#e9673e}.modal{border:4px solid #1a100b;background:var(--paper);color:var(--ink);box-shadow:10px 10px 0 #140c08;max-width:min(92vw,500px);padding:24px}.modal::backdrop{background:#160f0bbc;backdrop-filter:blur(3px)}.close-modal{float:right;border:0;background:transparent;font-size:26px}.modal h2{font-size:27px;margin:6px 0 8px}.modal>form>p{color:#756049;font-size:13px}.modal label>span{display:block;font-weight:800;font-size:12px;margin-bottom:5px}.modal input,.modal textarea{width:100%;border:2px solid #ad916a;background:white;padding:10px}.avatar-preview{float:right;width:112px;height:130px;background:#e0bd81;border:3px solid #382217;margin:11px 0 8px 14px}.avatar-preview canvas{width:100%;height:100%;image-rendering:pixelated}.modal fieldset{border:0;padding:9px 0;margin:0}.modal legend{font:900 10px monospace;text-transform:uppercase}.swatches{display:flex;gap:7px}.swatches button{width:29px;height:29px;border:3px solid #fff;outline:1px solid #59412f}.swatches button.active{outline:3px solid #e15d37}.wide{width:100%;margin-top:14px}.wallet-modal textarea{height:88px;font:12px monospace;word-break:break-all}.button-row{display:flex;gap:8px;margin-top:10px}.button-row button{flex:1}.qr-modal{text-align:center}.qr-wrap{width:220px;height:220px;margin:12px auto;background:white;padding:7px;border:2px solid #4b3425}.qr-wrap img{width:100%;height:100%;object-fit:contain}.payment-status{display:inline-flex;align-items:center;gap:7px;background:#f3dfb7;padding:7px 10px;font:800 11px monospace}.payment-status i{width:8px;height:8px;background:#e5a62e}.qr-modal dl div{display:flex;justify-content:space-between;border-bottom:1px solid #d6bf96;padding:8px 0;text-align:left}.qr-modal dt{color:#7b674f}.qr-modal dd{margin:0;max-width:68%;font-weight:900;overflow-wrap:anywhere;text-align:right}.qr-modal code{background:#ead6ae;padding:3px}.qr-modal dd button{border:0;background:none;color:#b9472c;font-size:11px}.text-danger{border:0;background:transparent;color:#a53d2b;text-decoration:underline;margin-top:8px}#toast{position:fixed;z-index:20;left:50%;bottom:48px;transform:translate(-50%,20px);opacity:0;background:#261912;color:#fff0d0;border:2px solid #0c0705;padding:11px 16px;box-shadow:4px 4px 0 #0c0705;font-weight:800;font-size:13px;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){body{overflow:hidden}.topbar{height:58px}.brand{grid-template-columns:37px auto}.brand>span:nth-child(2){font-size:19px}.online-pill span{display:none}.cafe-shell{display:block;padding:0;height:calc(100dvh - 58px)}.world-card{border:0;border-bottom:4px solid #170e09;box-shadow:none;width:100%;height:calc(58dvh - 58px);max-height:none;aspect-ratio:auto}.side-panel{position:fixed;z-index:6;left:0;right:0;bottom:0;height:42dvh;min-height:255px;max-height:72%;border:0;border-top:4px solid #170e09;box-shadow:0 -7px 0 rgba(0,0,0,.25)}.panel-view{padding:15px}.panel-heading h1{font-size:20px}.menu-grid{grid-template-columns:1fr 1fr}.menu-item{grid-template-columns:43px 1fr;padding:8px}.menu-item strong{grid-column:2}.menu-art{width:36px;height:36px}.payment-note,.panel-copy{display:none}.ticker{display:none}.dpad{display:grid}.desktop-only{display:none}.controls-hint{bottom:auto;top:52px}.interact-button{bottom:14px}.chat-list{height:calc(42vh - 180px);min-height:100px}.big-empty{min-height:180px}.modal{max-height:90dvh;overflow:auto}}

/* Slate blue café palette: calm, readable and still pixel-friendly. */
:root{--ink:#243242;--cream:#e7eef3;--paper:#f4f7f9;--orange:#6d95b5;--orange-dark:#466d8c;--green:#587e76;--line:#334756;--shadow:#17232d;--yellow:#d7b76b}
body{background:radial-gradient(circle at 50% -10%,#60798b,#1d2a35 58%)}
.topbar{border-bottom-color:#14202a;background:#2b3b48;box-shadow:0 4px 0 #111b23}
.brand-cup{background:#6d95b5;border-color:#15222c;box-shadow:4px 4px 0 #111b23;color:#f2d68d}
.brand>span span{color:#a9c7d9}.brand small{color:#b8c8d2}
.online-pill{background:#1e2b35;border-color:#536a78;color:#d8e3ea}
.online-pill i{background:#8bc4ad;box-shadow:0 0 8px #8bc4ad}
.top-actions button{border-color:#607987;background:#3a4e5d;color:#e6f0f4}.top-actions button:hover{background:#4b6678}
.world-card{background:#405666;border-color:#17232c}
#cafe-canvas{background:#91a9b5}
.world-status,.controls-hint{background:#253540e8;border-color:#12202a;color:#e5eef2;box-shadow:3px 3px 0 #12202a}
.world-status span:first-child{background:#d7b76b}.world-status span:first-child.live{background:#8bc4ad}
.side-panel{border-color:#17232c;box-shadow:8px 8px 0 rgba(13,25,34,.4)}
.panel-tabs{border-bottom-color:#314451;background:#d7e2e8}.panel-tabs button{border-right-color:#9cafba;color:#526b79}.panel-tabs button.active{background:var(--paper);color:var(--orange-dark)}
.panel-copy{color:#5b6f7c}.menu-item{border-color:#b6c7d0;background:#f8fafb;box-shadow:3px 3px 0 #b6c7d0}.menu-item:hover:not(:disabled){box-shadow:5px 5px 0 #9eb5c2;border-color:var(--orange)}.menu-item small{color:#667d8b}.menu-art{background:#d6e6ed;border-color:#4d748b;box-shadow:3px 3px 0 #426276}.payment-note{color:#607682;border-top-color:#c3d2da}
.primary,.chat-form button{border-color:#1c2c37;background:var(--orange);box-shadow:3px 3px 0 #1c2c37}.interact-button{border-color:#1b2b36;background:#d7b76b;color:#243242;box-shadow:4px 4px 0 #17232c}
.table-header{border-bottom-color:#334756}.table-tools button{border-color:#aabec9;background:#e4edf2}.chat-list .message p{background:#dce8ee;border-color:#b7cbd5}.message.mine p{background:#d7eadf;border-color:#a6cbb8}
.ticker{color:#c6d7df;background:#1b2832;border-top-color:#536e7e}.ticker i{color:#d7b76b}
.modal{border-color:#1b2a35;background:var(--paper);box-shadow:10px 10px 0 #14212a}.modal::backdrop{background:#15232dbb}.modal>form>p{color:#627783}.modal input,.modal textarea{border-color:#9eb4c0;background:#fff}
@media(max-width:520px){.online-pill{margin-right:6px;padding:6px}.top-actions{gap:4px}.top-actions button{min-width:31px}.menu-grid{grid-template-columns:1fr}.menu-item strong{grid-column:auto}.panel-tabs button{padding:8px 2px 6px}.panel-tabs span{font-size:16px}.panel-view{padding:11px}.world-card{height:calc(54dvh - 58px)}.side-panel{height:46dvh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.pixel-steam{display:none}}

.brawl-box{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin:10px 0 4px;padding:10px;border:2px solid #8b573c;background:#f6dca8;box-shadow:3px 3px 0 #b48b5d}.brawl-box>div{grid-column:1/-1;display:grid}.brawl-box small{font-size:10px;color:#76523e;margin-top:2px}.brawl-box select{min-width:0;border:2px solid #aa805b;background:#fff8e7;padding:7px}.bonk-small,.rude-button{border:2px solid #2d1711;background:#663fba;color:#fff;padding:8px 11px;font-weight:1000;box-shadow:3px 3px 0 #2d1711}.rude-button{background:#d54c36}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.choice-grid button{padding:11px 7px;font-weight:900}.wait-note{margin:14px 0 0;padding:10px;background:#efe0bc;border-left:4px solid #e46b3f}.fight-modal{text-align:center;min-width:min(92vw,430px)}.fight-bars{display:grid;gap:10px;margin:16px 0;text-align:left}.fight-bars>div{display:grid;grid-template-columns:95px 1fr 45px;gap:8px;align-items:center}.fight-bars span{height:16px;border:2px solid #27150e;background:#c5ad83}.fight-bars i{display:block;height:100%;background:#e6563d}.fight-bars strong{text-align:right;font:900 11px monospace}.bonk-button{width:180px;height:92px;border:5px solid #26130d;background:#f5ba35;color:#4a2414;font:1000 28px monospace;box-shadow:8px 8px 0 #26130d;margin:12px auto;display:block;transform:rotate(-2deg)}.bonk-button:active{transform:translate(5px,5px) rotate(2deg);box-shadow:3px 3px 0 #26130d}
@media(max-width:520px){.choice-grid{grid-template-columns:1fr}.brawl-box{grid-template-columns:1fr auto}.fight-bars>div{grid-template-columns:72px 1fr 38px}}

.qr-actions{display:flex;justify-content:center;margin:10px auto}.qr-actions #download-qr{min-height:46px;min-width:190px}.qr-phone-help{font-size:12px;line-height:1.5;color:#77634f}
@media(max-width:520px){.qr-actions{width:100%}.qr-actions #download-qr{width:100%}}

#interact-button.is-leaving{background:#c96a50;color:#fff5df;border-color:#854632;box-shadow:3px 3px #70402e}#interact-button.is-leaving span{color:#fff0c8}

.games-view .mini-game-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-board.oan-board{display:grid;grid-template-columns:minmax(40px,64px) repeat(5,minmax(34px,1fr)) minmax(40px,64px);grid-template-rows:repeat(2,minmax(78px,1fr));gap:5px;max-width:720px;min-height:174px;margin:10px auto;padding:8px;background:repeating-linear-gradient(0deg,#b8925e 0 7px,#c7a775 7px 14px);border:4px solid #755332;box-shadow:inset 0 0 0 3px #dfc596,3px 4px #c1a374}.oan-side-labels{display:flex;justify-content:space-between;max-width:720px;margin:10px auto 6px;color:#766044;font-size:11px;font-weight:800}.oan-pit{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;border:3px solid #776143;border-radius:48%;background:radial-gradient(ellipse at 48% 38%,#8d704a 0 38%,#705535 72%);box-shadow:inset 0 3px 5px #4f3c29,0 2px #e1c69a;color:#fff3d5}.oan-pit:disabled{opacity:1}.oan-pit.mine:not(:disabled){cursor:pointer}.oan-pit.mine:not(:disabled):hover{outline:3px solid #ffe291;outline-offset:1px;transform:translateY(-2px)}.oan-pit.quan{grid-row:span 2;border-radius:24px;background:linear-gradient(135deg,#d6a74f,#a97337);border-color:#76532d;flex-direction:column;gap:5px}.oan-pit.quan small{font-size:8px;writing-mode:vertical-rl;letter-spacing:1px}.oan-pit b{position:absolute;right:4px;top:3px;min-width:19px;padding:2px 4px;border-radius:10px;background:#fff1d5;color:#4b3927;font-size:11px}.oan-stones{display:grid;grid-template-columns:repeat(3,8px);gap:3px;place-content:center;padding:8px}.oan-stones i{width:7px;height:7px;border-radius:50%;background:#f1e3bc;border:1px solid #725735;box-shadow:1px 1px #433321}.oan-pit.quan .oan-stones i{background:#f3d578;border-color:#80602f}.oan-directions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px auto}.oan-directions button{min-height:40px;padding:8px 16px;border:2px solid #b39a70;background:#fff6dd;color:#756044;font-weight:800}.oan-directions button.selected{background:#738c55;border-color:#4d673e;color:#fff4d3}.oan-hint,.oan-last{text-align:center;color:#7e6848;font-size:12px}.oan-last{font-weight:800;color:#63804d}
@media(max-width:900px){.games-view .mini-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-board.oan-board{gap:3px;padding:5px;grid-template-columns:minmax(34px,42px) repeat(5,minmax(31px,1fr)) minmax(34px,42px);grid-template-rows:repeat(2,minmax(70px,1fr));border-width:3px}.oan-pit{border-width:2px}.oan-pit b{right:2px;top:2px;min-width:15px;padding:1px 3px;font-size:9px}.oan-stones{grid-template-columns:repeat(3,6px);gap:2px;padding:5px}.oan-stones i{width:6px;height:6px}.oan-side-labels{font-size:10px}}
.consume-feedback{display:flex;align-items:center;gap:12px;margin:10px 0;padding:8px 14px;background:#e3eccd;border:2px solid #70865b;box-shadow:3px 3px 0 #b3bb8d}.consume-feedback[hidden]{display:none}.consume-feedback canvas{width:96px;height:96px;flex:none;image-rendering:pixelated}.consume-feedback p{font-weight:800;color:#38543d;line-height:1.5}.menu-item>span:nth-child(2){min-width:0}.menu-item b{overflow-wrap:anywhere}.menu-item:disabled{cursor:not-allowed}.item-actions button:disabled{opacity:.6;cursor:wait}@media(max-width:520px){.menu-item{grid-template-columns:40px minmax(0,1fr) auto}.consume-feedback canvas{width:76px;height:76px}.consume-feedback{padding:4px 10px}.consume-feedback p{font-size:14px}}
.oan-game{max-width:780px;margin:auto}.oan-turn{padding:12px;border:2px solid #ac8755;background:#f0dfbb;font-weight:800;text-align:center;line-height:1.5}.oan-turn.your-turn{background:#dceaca;border-color:#63804d;color:#354e2a}.oan-side-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;background:#ebd9b4;border:2px solid transparent;font-size:13px}.oan-side-label>span{margin-left:auto}.oan-side-label>strong{font-size:10px;background:#527442;color:#fff4d7;padding:5px 7px}.oan-side-label.moving{border-color:#62824c;background:#e0ebca}.oan-side-label.own-side{margin-top:8px}.oan-game .oan-pit.mine{border-color:#829d58}.oan-game .oan-pit.selected{outline:3px solid #fff0ac;outline-offset:1px;background:#71934e}.oan-game .oan-pit.stepping{outline:3px solid #ffe494;outline-offset:1px;z-index:1;background:#9f803e}.oan-game .oan-pit.capturing{background:#537f4c}.oan-game .oan-pit-label{position:absolute;left:5px;bottom:5px;font-size:10px;color:#fdf1d8;writing-mode:horizontal-tb;letter-spacing:0}.oan-game .oan-stones{grid-template-columns:repeat(4,7px);gap:3px;padding:10px 2px}.oan-game .oan-stones i{width:7px;height:7px}.oan-game .oan-stones .quan-stone{width:13px;height:13px;grid-column:span 2;grid-row:span 2;border:2px solid #b08728;background:#ffe394;border-radius:35%}.oan-explanation{min-height:74px;margin:10px 0;padding:10px 12px;background:#fff4d8;border-left:4px solid #8fa65f}.oan-step{margin:0 0 7px;font-size:14px;line-height:1.5}.oan-held{font-size:12px;color:#687847}.oan-game .oan-directions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oan-game .oan-directions[hidden]{display:none}.oan-game .oan-directions button{min-height:48px;padding:8px;font-size:14px;background:#6c874d;color:#fff5d9;border-color:#476537}.oan-game .oan-directions button:disabled{background:#dbc8a5;border-color:#bba37d;color:#806e54;cursor:not-allowed}.oan-rules{margin-top:16px;line-height:1.6;font-size:13px}.oan-rules summary{cursor:pointer;font-weight:800}.oan-game .dropping{animation:oan-drop .3s ease-out}@keyframes oan-drop{from{transform:translateY(-22px);opacity:.3}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.oan-game .dropping{animation:none}}@media(max-width:520px){.oan-game .oan-stones{grid-template-columns:repeat(3,5px);gap:2px}.oan-game .oan-stones i{width:5px;height:5px}.oan-game .oan-stones .quan-stone{width:11px;height:11px}.oan-side-label{font-size:11px;padding:7px}.oan-game .oan-pit-label{font-size:8px;left:3px;bottom:4px}}
.oan-game .oan-pit b{top:auto;bottom:4px;right:50%;transform:translateX(50%);font-size:11px;min-width:18px;padding:1px 4px}.oan-game .oan-pit:not(.quan) .oan-pit-label{top:4px;bottom:auto;left:50%;transform:translateX(-50%);color:#eedcb5}.oan-game .oan-pit.quan .oan-pit-label{left:50%;bottom:28px;transform:translateX(-50%);writing-mode:horizontal-tb;font-size:8px;letter-spacing:0}
.world-clock{position:absolute;z-index:2;top:12px;right:12px;display:flex;align-items:center;gap:8px;padding:7px 10px;background:#fff0cbf2;border:2px solid #a77d4b;box-shadow:2px 2px #735436;color:#594730;pointer-events:none}.world-clock>span{font-size:23px;line-height:1}.world-clock time{display:block;font:800 16px/1.2 "Segoe UI",sans-serif;font-variant-numeric:tabular-nums;letter-spacing:1px}.world-clock small{display:block;font-size:9px;margin-top:3px}.world-clock[data-phase=night]{background:#27344e;color:#ffe6ac;border-color:#c59b56}.world-card .world-caption{top:76px}.cafe-night{background:radial-gradient(ellipse at top,#3b465b,#212b3e)}@media(max-width:900px){.world-clock{top:10px;right:10px;padding:5px 7px;gap:5px}.world-clock time{font-size:13px}.world-clock>span{font-size:19px}.world-clock small{font-size:8px}.world-status{max-width:calc(100% - 138px);overflow-wrap:anywhere}}
.games-view .mini-game-picker{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){.games-view .mini-game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}