.suite-board{--suite-line:#e0e5df;--suite-muted:#6a756e;background:#fffefb;border:1px solid var(--suite-line);border-radius:24px;padding:24px;margin:20px 0;min-width:0}.suite-board button,.suite-board select,.suite-board input{font:inherit}.suite-board button{cursor:pointer;border:1px solid #ccd8ce;background:#fff;border-radius:12px;padding:12px;color:#2d4437;min-height:44px}.suite-board button:disabled{opacity:.45;cursor:default}.suite-board button[aria-pressed=true]{background:#e0f1e5;border:2px solid #3d7b54;box-shadow:0 0 0 3px #eff8ef}.suite-board button:focus-visible,.suite-board input:focus-visible,.suite-board select:focus-visible{outline:3px solid #f1ad58;outline-offset:3px}.suite-status{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--suite-line);padding-bottom:16px;margin-bottom:20px;gap:16px}.suite-status strong,.suite-status small{display:block}.suite-status small{font-size:12px;color:var(--suite-muted);margin-top:6px}.suite-status>b{font-size:28px;min-width:50px;text-align:right}.suite-status>b small{display:inline;margin-left:3px}.suite-meters{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap;background:#f1f5ed;border-radius:12px;padding:14px;margin:12px 0;font-weight:700}.suite-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0}.suite-actions>*{min-width:0}.suite-caption{color:var(--suite-muted);font-size:13px;line-height:1.7}.suite-sea,.suite-lot,.suite-monster{text-align:center;padding:24px;background:#f2f7f6;border-radius:18px;margin:16px 0}.suite-sea>span,.suite-lot>span,.suite-monster>span{display:block;font-size:58px;margin:8px}.suite-lot>strong{font-size:24px;display:block}.suite-lot>small{display:block;margin:10px}.suite-monster>strong,.suite-monster>small{display:block;margin:10px}.suite-monster progress{width:80%;accent-color:#d87f65}.suite-list{padding:0;list-style:none;margin:20px 0}.suite-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--suite-line);font-size:13px}.suite-list li>span{text-align:right;overflow-wrap:anywhere}.suite-market{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}.suite-market b{font-size:30px;display:block}.suite-market small{display:block;min-height:20px}.suite-map{display:grid;gap:6px;max-width:420px;margin:20px auto}.suite-map.five{grid-template-columns:repeat(5,1fr)}.suite-map.four{grid-template-columns:repeat(4,1fr)}.suite-map button{position:relative;aspect-ratio:1;padding:5px;font-size:26px;display:flex;align-items:center;justify-content:center;flex-direction:column}.suite-map button:disabled{opacity:.8;background:#f6f7f1}.suite-map small{font-size:10px;line-height:1.2}.suite-map .can-place{background:#e3f0db;border-style:dashed}.suite-mini-map{display:grid;grid-template-columns:repeat(5,1fr);max-width:220px;margin:12px}.suite-mini-map span{padding:4px;text-align:center;border:1px solid #e5eadf;display:flex;flex-direction:column}.suite-mini-map small{font-size:8px}.suite-board details{margin:18px 0;border:1px solid var(--suite-line);padding:14px;border-radius:12px}.suite-board summary{cursor:pointer;font-weight:600}.suite-field{display:block;margin:18px 0;font-size:14px;font-weight:600}.suite-field input:not([type=range]),.suite-field select{display:block;width:100%;border:1px solid #bfcdbf;border-radius:10px;background:#fff;padding:12px;margin-top:8px;box-sizing:border-box;min-height:44px}.suite-field input[type=range]{display:block;width:100%;margin:16px 0;accent-color:#3d7b54}.suite-field strong{font-size:28px}.suite-actions select{padding:10px;border:1px solid #bfcdbf;border-radius:10px;background:#fff;min-height:44px}.suite-hand{display:flex;gap:8px;overflow-x:auto;padding:12px 4px;scroll-snap-type:x proximity}.suite-hand button{min-width:62px;flex:none;min-height:88px;scroll-snap-align:start}.suite-hand b{display:block;font-size:25px}.suite-hand small{display:block;font-size:12px;color:#9c6657}.suite-rows{display:grid;gap:8px}.suite-rows>div{display:flex;align-items:center;gap:5px;min-height:62px;background:#f4f4ed;padding:6px;border-radius:10px}.suite-rows>div>small{width:14px;color:#7a887d}.suite-rows span{border:1px solid #dfded2;border-radius:6px;background:#fff;padding:7px 6px;min-width:30px;font-weight:700;text-align:center}.suite-rows span small{display:block;font-size:9px;font-weight:400;color:#b07869}.suite-rows b{margin-left:auto;font-size:12px;color:#a26757}.suite-resources{display:flex;justify-content:space-around;flex-wrap:wrap;gap:8px;font-size:20px;padding:12px;background:#f5f5ed;border-radius:14px}.suite-resources small{font-size:12px;margin-left:4px;color:#64846d}.suite-gem-market{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.suite-gem-market button{padding:12px 6px;display:flex;flex-direction:column;gap:12px;align-items:center}.suite-gem-market b{font-size:20px}.suite-gem-market span{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.suite-gem-market small{font-size:11px}.suite-gem-market em{font-size:12px;font-style:normal}.suite-private{padding:16px;background:#fff6dd;border:1px dashed #dab875;border-radius:14px;margin:16px 0}.suite-private>small{display:block;color:#8b6d3e}.suite-private>strong{font-size:30px;display:block;margin-top:8px}.suite-hints{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.suite-hints span{background:#eff4eb;border-radius:12px;padding:14px;font-weight:600}.suite-word-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.suite-word-grid button{min-height:80px;font-size:13px;padding:10px 3px}.suite-word-grid small{display:block;font-size:12px;margin-top:6px}.suite-word-grid .word-color-0{background:#d6e9fb;color:#204d77}.suite-word-grid .word-color-1{background:#f9dae3;color:#814256}.suite-word-grid .word-color-2{background:#eeeade;color:#68614d}.suite-word-grid .word-color-3{background:#343c42;color:#fff}.suite-trick{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;background:#f3f5ed;min-height:90px;padding:16px;border-radius:14px}.suite-trick span{display:block;text-align:center;font-size:12px}.suite-trick b{display:block;font-size:27px;margin:10px}.suite-sketch{display:block;aspect-ratio:1;width:100%;max-width:400px;background:#fff;border:1px solid #dde4db;border-radius:12px;margin:12px auto}.suite-sketch.is-pad{touch-action:none;cursor:crosshair}.suite-palette{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.suite-palette button{min-width:38px;min-height:38px;padding:6px;font-size:12px}.suite-palette button[aria-pressed=true]{outline:3px solid #919c91;outline-offset:2px}.suite-draw>small{font-size:12px;color:#77816f}.suite-relay-entry{padding:14px;background:#f6f6ee;margin:12px 0;border-radius:14px;overflow-wrap:anywhere}.suite-relay-entry>small{color:#73806e}.suite-relay-entry p{font-size:18px;line-height:1.7}.suite-orders{display:flex;justify-content:center;gap:14px;margin:24px 0}.suite-orders div{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #e3d7ba;border-radius:12px;text-align:center;background:#fff9e8}.suite-orders b{font-size:36px}.suite-orders span{font-size:13px}.suite-stations{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.suite-stations>div{border:1px solid #dfe5d8;border-radius:14px;padding:14px;background:#f7f7f1}.suite-stations>.is-mine{border:2px solid #77a17e;background:#f0f7ec}.suite-stations h4{margin:0 0 6px;overflow-wrap:anywhere}.suite-stations small{color:#7c8576}.suite-stations p{min-height:26px}.suite-stations strong{font-size:14px}.suite-review{border-top:1px solid #dde5d7;padding-top:16px;margin-top:20px;text-align:center}.suite-review p{font-size:13px;color:#717f6d;line-height:1.7}.suite-review small{display:block;margin-top:10px}.suite-log{padding:12px 16px;background:#f5f6ed;border-radius:12px;margin-top:20px;font-size:12px;color:#6a7963;line-height:1.7}.suite-tutorial{max-width:760px!important}.suite-tutorial .suite-board{margin:16px 0}.suite-tutorial-rules{background:#f2f5eb;border-radius:14px;padding:16px;font-size:14px;line-height:1.8}.suite-tutorial-controls{position:static;background:#fffef9;padding:16px 0;margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.duel-game-filters{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 6px}.duel-game-filters button{border:1px solid #dbe3d6;border-radius:20px;background:transparent;padding:8px 13px;cursor:pointer;color:#60735c;font:inherit;font-size:12px}.duel-game-filters [aria-pressed=true]{background:#466c50;color:#fff}.suite-preview{text-align:center;padding:24px 12px}.suite-preview>span{display:block;font-size:86px;margin:20px}.suite-preview h3{font-size:20px}.suite-preview p{color:#78836c;font-size:14px;line-height:1.8}.suite-preview small{display:block;color:#7b825f}.suite-policy{font-size:12px;color:#7d8064;line-height:1.7}@media(max-width:600px){.suite-board{padding:16px;border-radius:18px}.suite-status strong{font-size:14px}.suite-word-grid{gap:5px}.suite-word-grid button{font-size:12px;min-height:72px}.suite-gem-market{gap:6px}.suite-list li{font-size:12px}.suite-tutorial-controls{bottom:-20px}.suite-rows span{min-width:24px;padding:7px 4px}.suite-map button{font-size:24px}.suite-hand button{min-width:56px}.suite-stations>div{padding:10px}}.duel-game-picker>div{max-height:390px;overflow:auto;padding:4px;scrollbar-width:thin;scrollbar-color:#a4b89a transparent}.duel-game-picker>div>button{min-height:72px}.duel-game-picker>p{min-height:44px}.draft-board{--food-ink:#3d3d34;color:var(--food-ink)}.draft-progress{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#eaf0e1;padding:12px 15px;border-radius:14px;font-size:12px;margin-bottom:16px}.draft-progress strong{font-size:14px;padding-left:4px}.draft-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.draft-status>div{display:flex;flex-direction:column;gap:6px}.draft-status strong{font-size:17px;line-height:1.55}.draft-status small{font-size:11px;color:#8b8574;line-height:1.7}.draft-status>b{font-size:30px;white-space:nowrap}.draft-status>b small{margin-left:3px}.draft-status .is-low{color:#bf694a}.draft-hand{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.food-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:164px;padding:17px 9px 12px;border:2px solid #e7d8c1;border-radius:17px;background:#fffaf1;color:#5a4a38;box-shadow:0 4px #e7d8c1;text-align:center;touch-action:manipulation;transition:transform .12s,border-color .12s}.food-card:not(:disabled):hover{transform:translateY(-3px)}.food-card.is-selected{border-color:#72936b;box-shadow:0 4px #72936b;background:#edf4e7}.food-card:focus-visible{outline:3px solid #75609a;outline-offset:3px}.food-card:disabled{cursor:default}.food-art{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#fff4e2;font-size:42px;line-height:1;margin:4px 0}.food-berry .food-art{background:#f9e2dd}.food-orange .food-art{background:#ffedc8}.food-grape .food-art{background:#e8e0f4}.food-bread .food-art{background:#efe4ce}.food-cheese .food-art{background:#fff0b8}.food-herb .food-art{background:#e2edd8}.food-card strong{font-size:13px}.food-card small{font-size:10px;line-height:1.6;overflow-wrap:anywhere}.food-card-check{position:absolute;top:6px;right:8px;font-size:12px;color:#a18f76}.is-selected .food-card-check{color:#63865c;font-weight:900}.draft-confirm{border:1px solid #e3dbc9;background:#fffdf7;border-radius:17px;padding:14px;margin-top:18px}.draft-confirm p{margin:0 0 12px;font-size:12px;color:#93816a;min-height:40px;display:flex;flex-direction:column;gap:5px;line-height:1.7}.draft-confirm strong{font-size:14px;color:#625139}.draft-confirm em{font-style:normal;color:#65875c;margin-left:6px}.draft-confirm .duel-primary{background:#739367;box-shadow:0 3px #5f7a56}.draft-locks{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.draft-locks>span{padding:7px 10px;border-radius:20px;background:#f0e9dd;color:#9f927d;font-size:11px;max-width:100%;overflow-wrap:anywhere}.draft-locks .is-locked{background:#e4eddb;color:#648354}.draft-note{font-size:11px;line-height:1.85;color:#9a8d79;margin:13px 2px;word-break:keep-all}.draft-baskets{margin:24px 0 14px}.draft-baskets h3{font-size:14px;color:#80745f}.draft-baskets details{border:1px solid #e3dccd;border-radius:14px;background:#fffdf8;margin:8px 0;padding:12px 14px}.draft-baskets summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-size:12px;line-height:1.8}.draft-baskets summary>span{overflow-wrap:anywhere;min-width:0}.draft-baskets summary strong{white-space:nowrap}.draft-baskets summary small{font-size:9px;font-weight:500;color:#a8977e}.food-basket{display:flex;gap:8px;flex-wrap:wrap;padding:12px 0}.food-basket>span{display:flex;align-items:center;gap:3px;background:#f4efdf;padding:6px 8px;border-radius:10px;font-size:12px}.food-basket i{font-size:23px;font-style:normal}.food-basket small,.draft-baskets details>small{font-size:10px;color:#a2957d}.draft-breakdown{display:flex;gap:10px;flex-wrap:wrap;font-size:10px;color:#8b7b60;padding-bottom:8px}.draft-guide{padding:14px;border:1px solid #e7dece;border-radius:14px;font-size:12px}.draft-guide>summary{cursor:pointer;font-weight:800}.food-rules{display:flex;flex-direction:column;gap:8px;padding:12px 0}.food-rules>div{display:grid;grid-template-columns:26px 46px minmax(0,1fr);align-items:center;gap:7px;font-size:11px;line-height:1.75;border-bottom:1px solid #eee6d6;padding-bottom:8px}.food-rules>div>span:first-child{font-size:23px}.food-rules strong{font-size:11px}.draft-review{text-align:center;background:#fffaf0;border-radius:20px;padding:20px 16px;margin:16px 0}.draft-review-art{font-size:45px}.draft-review h2{font-size:21px;margin:12px 0}.draft-review p{font-size:12px;line-height:1.8;color:#9e8a70}.draft-review table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed;margin:15px 0 20px}.draft-review caption{font-size:11px;margin:8px;color:#9e8a70}.draft-review th,.draft-review td{padding:10px 3px;border-bottom:1px solid #ebdeca;overflow-wrap:anywhere}.draft-review th:first-child{width:32%}.draft-review thead{color:#9e8a70;font-size:10px}.draft-review .is-mine{background:#edf1df}.draft-review>small{display:block;margin-top:14px;color:#97856c;font-size:11px}.draft-preview{background:#e8eddf;border:1px solid #dce4cc;border-radius:24px;padding:24px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transform:rotate(-2deg)}.draft-preview>span{border:1px solid #e7dbc7;background:#fffaf1;border-radius:14px;padding:18px 4px;text-align:center;font-size:36px;box-shadow:0 4px #d5dcc4}.draft-preview-caption{grid-column:1/-1;font-size:12px!important;background:none!important;border:0!important;box-shadow:none!important;padding:8px 0!important;color:#81936c}.draft-tutorial-launch{width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;border:1px solid #ccdbc0;background:#edf3e3;color:#668355;border-radius:14px;padding:14px 16px;margin:0 0 18px;cursor:pointer}.draft-tutorial-launch strong{font-size:14px}.draft-tutorial-launch small{font-size:11px;line-height:1.7}.draft-tutorial-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#343b2a88;display:grid;place-items:center;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.draft-tutorial{width:min(680px,100%);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;background:#fffaf0;border:1px solid #e0d8c8;border-radius:25px;padding:26px;color:#4c493a;box-shadow:0 16px 70px #242d2244}.tutorial-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8b896f;font-size:12px}.tutorial-top>button{border:1px solid #e1d8c5;background:#fff;border-radius:12px;min-width:40px;min-height:40px;font-size:23px;color:#877b65;cursor:pointer}.tutorial-steps{display:flex;gap:5px;margin:20px 0}.tutorial-steps>i{height:5px;flex:1;background:#e7e3d4;border-radius:9px}.tutorial-steps .is-done{background:#86a071}.tutorial-kicker{font-size:10px;color:#8aa074;font-weight:900;letter-spacing:.06em}.draft-tutorial h2{font-size:25px;line-height:1.5;margin:13px 0;letter-spacing:-.7px;outline:none}.draft-tutorial>p{font-size:13px;line-height:1.85;color:#9d8e77;margin:0 0 20px;word-break:keep-all}.tutorial-basket{padding:14px 16px;background:#f1efdf;border:1px dashed #d9d7bd;border-radius:15px;margin:18px 0}.tutorial-basket>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:12px}.tutorial-basket>div:first-child>span{color:#6f8f5c;font-weight:900}.tutorial-basket p{margin:2px 0 0;font-size:12px;color:#948269}.tutorial-pass{display:flex;justify-content:space-around;align-items:center;gap:15px;border-radius:20px;background:#e7eedb;padding:28px 14px}.tutorial-pass>div{display:flex;flex-direction:column;gap:15px;text-align:center;flex:1}.tutorial-pass>div>span{font-size:38px}.tutorial-pass strong{font-size:12px;line-height:1.6}.tutorial-pass>span{font-size:35px;color:#86a071}.tutorial-complete{background:#ecf1df;border-radius:20px;padding:24px 16px;text-align:center;margin-bottom:20px}.tutorial-complete>span{display:block;font-size:60px;margin:0 0 12px}.tutorial-complete>strong{font-size:19px}.tutorial-complete .food-basket{justify-content:center}.tutorial-complete p{font-size:12px;line-height:1.9;color:#8e9679}.tutorial-footnote{display:block;color:#ac9e87;font-size:10px;line-height:1.7;text-align:center;margin-top:18px}.tutorial-feedback{background:#ffebc9;border-radius:12px;padding:12px;font-size:12px!important}.draft-tutorial .duel-primary{background:#759366;box-shadow:0 3px #5e7850}.draft-tutorial .duel-text-button{display:block;margin:18px auto 0}.duel-scoreboard.is-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.player-2 .duel-avatar{background:#e4ead6;color:#8ba477}.player-3 .duel-avatar{background:#f7e4bc;color:#c49b50}.draft-group-choice{padding:14px;border:1px solid #dce6cf;border-radius:14px;background:#f2f5e9;margin:12px 0}.draft-group-choice p{font-size:12px;margin-top:0}.draft-group-choice>button{width:100%;background:#e0ebd2}.draft-group-choice>small{display:block;font-size:11px;line-height:1.7;color:#8c9579;margin-top:8px}.social-pick{white-space:nowrap}.social-pick[aria-pressed=true]{background:#dcebcf;border-color:#8ca477}.draft-room-meta{font-size:11px;color:#899375;margin:10px 0;line-height:1.8}@media(max-width:520px){.draft-hand{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.food-card{min-height:157px;padding:14px 9px 11px}.food-card small{font-size:10px}.draft-tutorial{padding:19px 16px;border-radius:20px}.draft-tutorial h2{font-size:22px}.draft-tutorial-backdrop{padding:10px}.draft-tutorial{max-height:calc(100dvh - 20px)}.tutorial-top>span{font-size:10px}.tutorial-pass{gap:8px;padding:20px 10px}.tutorial-pass>div>span{font-size:28px}.draft-preview{padding:18px 12px}.draft-preview>span{font-size:30px;padding:17px 3px}}@media(prefers-reduced-motion:reduce){.food-card{transition:none}.draft-preview{transform:none}}.draft-route{font-size:11px;color:#8b9476;background:#f2f3e7;border-radius:10px;padding:10px 12px;line-height:1.8;overflow-wrap:anywhere}.draft-hand-hint{display:none}@media(max-width:520px){.draft-board>.draft-hand{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:5px 3px 9px;scroll-padding:3px;gap:10px}.draft-board>.draft-hand>.food-card{flex:0 0 132px;scroll-snap-align:start;min-height:174px}.draft-hand-hint{display:block;font-size:10px;color:#a2987e;margin:8px 2px}.draft-confirm{margin-top:10px}}.social-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a214080;z-index:110;display:flex;justify-content:flex-end;padding:12px}.social-panel{background:#fffdf9;color:#2a2140;border:2px solid #e7dacd;border-radius:24px;width:440px;max-width:100%;overflow-y:auto;overscroll-behavior:contain;padding:22px;box-shadow:0 16px 60px #21152c33}.social-panel button,.room-social button{border:1px solid #e4d7c9;background:#fff7ee;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;min-height:42px}.social-panel button:disabled,.room-social button:disabled{opacity:.5;cursor:default}.social-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.social-top h2{margin:0;font-size:22px}.social-top>button{font-size:24px}.social-panel p{line-height:1.65}.social-section{border-top:1px solid #e9dfd4;margin-top:20px;padding-top:12px}.social-section h3{font-size:16px;margin:8px 0 12px}.social-section>button{margin:3px}.social-person{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}.social-person>span{flex:1;min-width:120px}.social-person small,.social-account small,.social-code small{display:block;color:#81748b;font-size:11px;overflow-wrap:anywhere}.social-person details button{display:block;margin:5px 0}.social-panel input{width:100%;min-width:0;background:#fff;border:1px solid #dfd1c0;border-radius:12px;padding:12px;font:inherit;margin:6px 0}.social-panel label{display:block;font-size:13px}.social-panel form{margin-top:14px}.social-account,.social-code,.social-notice{padding:14px;background:#f7f0e6;border-radius:15px;margin:14px 0}.social-code code{font-size:18px;overflow-wrap:anywhere}.social-hint{font-size:12px;color:#81748b}.social-status{position:sticky;bottom:0;background:#ffedcc;border-radius:12px;padding:12px;font-size:13px}.social-notice{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.social-notice>span{font-size:12px}.social-google{min-height:44px;overflow:hidden}.social-account code{font-size:15px}.room-social{margin:20px 0 10px;padding:16px;background:#fffcf7;border:1px solid #e8ddcf;border-radius:20px}.room-social h3{margin:0;font-size:15px}.reaction-buttons{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin:12px 0}.reaction-buttons button{font-size:23px;padding:5px;min-width:0}.room-social small{font-size:11px;color:#81748b}.chat-history{max-height:180px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px;margin:12px 0}.chat-message{align-self:flex-start;max-width:90%;background:#f0e9fb;border-radius:12px;padding:8px 12px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px}.chat-message.is-mine{align-self:flex-end;background:#fff0d7}.chat-message small{display:block}.chat-form{display:flex;gap:6px}.chat-form input{min-width:0;flex:1;padding:10px;border:1px solid #e0d4c6;border-radius:12px;font:inherit}.reaction-flight{position:fixed;z-index:90;left:50%;top:55%;pointer-events:none;font-size:100px;line-height:1;animation:reaction-float 2s ease-out forwards;filter:drop-shadow(0 8px 16px #21152c22)}@keyframes reaction-float{0%{transform:translate(-50%,20px) scale(.6);opacity:0}15%{transform:translate(-50%) scale(1.2);opacity:1}35%{transform:translate(-50%,-20px) scale(1);opacity:1}to{transform:translate(-50%,-220px) scale(.9);opacity:0}}@media(prefers-reduced-motion:reduce){.reaction-flight{animation:reaction-still 2s forwards}@keyframes reaction-still{0%,80%{opacity:1}to{opacity:0}}}@media(max-width:360px){.social-panel{padding:16px}.reaction-buttons{grid-template-columns:repeat(4,1fr)}}.invite-toast{position:fixed;z-index:100;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:480px;background:#2a2140;color:#fffaf4;border-radius:20px;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 30px #21152c44}.invite-toast>div{flex:1}.invite-toast span{display:block;font-size:12px;line-height:1.5}.invite-toast button{border:0;border-radius:10px;padding:10px;background:#fff0d7;color:#2a2140;font:inherit;font-size:12px;cursor:pointer}.reaction-sender{display:block;text-align:center;font-size:12px!important;color:#64516d!important;background:#fffaf0dd;border-radius:10px;padding:5px 8px;margin-top:8px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-app{--duel-ink: #30283e;--duel-muted: #82778d;--duel-line: #e9dfd4;min-height:100svh;color:var(--duel-ink);background:#fffaf3;display:flex;flex-direction:column;font-variant-numeric:tabular-nums}.duel-app *{box-sizing:border-box}.duel-app button,.duel-app input{font:inherit}.duel-app button,.duel-app a{-webkit-tap-highlight-color:transparent}.duel-app button{cursor:pointer}.duel-app button:disabled{cursor:default}.duel-app :focus-visible{outline:3px solid #4d9ed9;outline-offset:4px}.duel-header{width:min(1160px,100%);padding:30px 36px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.duel-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--duel-ink);font-size:23px;font-weight:900;letter-spacing:-.8px}.duel-brand-dot{color:#f77553}.duel-logo{display:flex;width:32px;height:18px;border-radius:99px;overflow:hidden;transform:rotate(-30deg)}.duel-logo i{flex:1;background:#f77553}.duel-logo i+i{background:#8fb5db}.duel-header-right{display:flex;align-items:center;gap:18px}.duel-online-pill{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.02em}.duel-online-pill i,.duel-connection i{width:6px;height:6px;border-radius:50%;background:#78a58f}.duel-lang{border:1px solid var(--duel-line);background:transparent;border-radius:10px;padding:7px 10px;font-size:11px!important;font-weight:800!important;color:var(--duel-muted)}.duel-landing{width:min(1088px,100%);margin:62px auto 0;padding:0 36px;display:grid;grid-template-columns:1.08fr 1fr;column-gap:88px;align-items:center}.duel-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em;color:#9b6f5a}.duel-eyebrow>span{color:#ef805d;font-size:19px}.duel-hero-copy h1{margin:20px 0 18px;font-size:clamp(32px,3.3vw,44px);line-height:1.5;font-weight:900;letter-spacing:-2px;word-break:keep-all}.duel-hero-copy h1>span{color:#e87958}.duel-intro{max-width:390px;font-size:14px;line-height:1.9;color:var(--duel-muted);margin:0 0 19px;word-break:keep-all}.duel-traits{display:flex;gap:9px;margin-bottom:30px}.duel-traits>span{font-size:11px;font-weight:800;background:#f2ece3;color:#796956;border-radius:7px;padding:6px 9px}.duel-create-form{max-width:390px}.duel-label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:800;color:#75687d}.duel-app input{width:100%;min-width:0;padding:14px 15px;border:1px solid #e4d9cd;border-radius:11px;background:#fffdfa;color:var(--duel-ink);font-size:13px;font-weight:500}.duel-app input::placeholder{color:#a79baf}.duel-primary,.duel-secondary{width:100%;min-height:50px;display:flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:12px;padding:13px 18px;font-weight:800!important;font-size:14px!important;transition:transform .16s,background .16s}.duel-primary{background:#f67c58;color:#fffdf8;box-shadow:0 4px #d75f40}.duel-primary>span{margin-left:auto}.duel-primary:not(:disabled):hover{background:#ef714c;transform:translateY(-1px)}.duel-primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #d75f40}.duel-primary:disabled{background:#d8ccbe;box-shadow:0 3px #bdaf9d;color:#fffcf6}.duel-create-form .duel-primary{margin-top:13px}.duel-fine{text-align:center;color:#a297a8;font-size:10px;margin:16px 0 26px}.duel-join-form{max-width:390px;border-top:1px solid var(--duel-line);padding-top:20px}.duel-join-form>label{font-size:11px;font-weight:700;color:#918597}.duel-join-form>div{display:flex;margin-top:8px;border:1px solid #e4d9cd;border-radius:10px;background:#fffdfa;overflow:hidden}.duel-join-form input{border:0;font-size:11px;background:transparent;padding:12px}.duel-join-form button{flex-shrink:0;background:transparent;border:0;font-size:11px;font-weight:800;padding:10px 14px;color:#7c6e86}.duel-text-button{background:none;border:0;color:#988b9d;font-size:11px!important;font-weight:700!important;padding:12px 0}.duel-text-button:hover{color:var(--duel-ink)}.duel-preview{padding:27px 27px 15px;background:#eee9f6;border:1px solid #e1d9ec;border-radius:30px;transform:rotate(3deg);position:relative;box-shadow:0 14px 40px #45314d08,0 3px #e3dcea}.duel-preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.duel-mini-badge{color:#8c7c9b;font-size:10px;letter-spacing:.13em;font-weight:900}.duel-spark{font-size:28px;line-height:1;color:#b5a2c8}.duel-preview-players{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:18px}.duel-preview-players>span:not(.duel-vs){display:flex;align-items:center;gap:6px;background:#ffffff94;font-size:9px;font-weight:900;letter-spacing:.04em;padding:8px;border-radius:9px;flex:1}.duel-preview-players i{font-style:normal;font-size:20px;color:#eea384}.duel-preview-players>span:last-child i{color:#9aa4ce}.duel-preview-players b{margin-left:auto;font-size:17px}.duel-vs{font-size:10px;color:#b1a4bc}.duel-preview-grid,.duel-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.duel-preview-card{aspect-ratio:.84;background:#af9bc5;border-radius:12px;box-shadow:0 3px #9781b0;display:grid;place-items:center;font-size:31px}.duel-preview-card.is-face{background:#fffaf3;box-shadow:0 3px #d9cedd}.duel-card-back{display:flex;width:31px;height:17px;border-radius:99px;overflow:hidden;transform:rotate(-35deg);opacity:.55}.duel-card-back i{flex:1;background:#e4d9ef}.duel-card-back i+i{background:#c7b6da}.duel-preview-note{display:flex;align-items:center;justify-content:center;gap:9px;color:#9581a5;font-size:11px;font-weight:700;margin:18px 0 0}.duel-preview-note>span{font-size:23px}.duel-steps{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:68px;padding:28px 0 14px;border-top:1px solid var(--duel-line)}.duel-steps>div{display:flex;align-items:start;gap:12px}.duel-step-number{background:#f0e9df;border-radius:50%;color:#ab927c;font-size:11px;font-weight:800;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0}.duel-steps h2{font-size:12px;margin:4px 0 7px;font-weight:800}.duel-steps p{color:#a094a6;font-size:10px;line-height:1.7;margin:0}.duel-practice{grid-column:1 / -1;justify-self:center;margin-top:15px}.duel-footer{margin-top:auto;padding:40px 20px 22px;text-align:center;color:#b3a8b4;font-size:10px}.duel-footer-mark{color:#d2bdab;padding-right:5px}.duel-room-main{width:min(550px,100%);padding:18px 22px;margin:0 auto}.duel-room-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 24px}.duel-room-heading h1{font-size:25px;font-weight:900;margin:7px 0 0;letter-spacing:-1px}.duel-room-heading .duel-eyebrow{font-size:10px;letter-spacing:.15em}.duel-connection{color:#b39379;display:flex;align-items:center;gap:5px;font-size:10px;flex-shrink:0}.duel-connection i{background:#c5af94}.duel-connection.is-online{color:#7c9e86}.duel-connection.is-online i{background:#7c9e86}.duel-panel{background:#fffdf9;border:1px solid var(--duel-line);border-radius:22px;padding:26px;box-shadow:0 4px #f0e8dd}.duel-panel h1,.duel-panel h2{margin:0 0 12px;font-size:22px;line-height:1.6;letter-spacing:-.8px;font-weight:900}.duel-panel p{font-size:12px;color:var(--duel-muted);line-height:1.8;margin:0 0 22px;word-break:keep-all}.duel-join-panel{text-align:center;margin-top:20px}.duel-join-panel .duel-label{text-align:left}.duel-room-code{display:inline-block;font-size:11px;color:#a393a9;background:#f4edf6;padding:7px 12px;border-radius:8px;margin-bottom:26px;letter-spacing:.04em}.duel-join-panel form .duel-primary{margin-top:14px}.duel-invite-icon{font-size:55px;color:#e9aa8f;margin:22px 0}.duel-invite-icon>span{color:#a99ac5;margin-left:-10px}.duel-rules{margin-top:27px;padding-top:19px;border-top:1px solid var(--duel-line);text-align:left}.duel-rules h3{font-size:11px;color:#a694a3;margin:0 0 11px;font-weight:800}.duel-rules ol{padding-left:17px;font-size:11px;line-height:2;color:#8d7e91;margin:0;word-break:keep-all}.duel-scoreboard{display:flex;gap:12px;margin-bottom:20px}.duel-player{display:flex;align-items:center;gap:9px;padding:13px 12px;border:2px solid #ece4da;border-radius:15px;flex:1;min-width:0;background:#fffcf7;transition:border-color .16s}.duel-avatar{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;background:#fae4d9;font-size:27px;color:#cd8e73;flex-shrink:0}.player-1 .duel-avatar{background:#e9e2f4;color:#a493bf}.duel-player.is-turn.player-0{border-color:#e9a186;background:#fff5e9}.duel-player.is-turn.player-1{border-color:#b6a2cd;background:#f5f0fc}.duel-player-info{display:flex;flex-direction:column;gap:3px;min-width:0}.duel-player-info>span:first-child{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duel-player-info small{font-size:9px;color:#a5929c;margin-left:3px}.duel-player-sub{color:#aa98a8;font-size:9px}.duel-player>strong{font-size:25px;margin-left:auto}.duel-waiting{text-align:center}.duel-invite-spark{display:inline-block;color:#d1b48f;font-size:37px;margin:0 0 12px}.duel-waiting .duel-label{text-align:left;font-size:10px}.duel-invite-link{font-size:10px!important;color:#a08eaa!important}.duel-invite-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0 19px}.duel-secondary{background:#f4eee5;color:#907860;box-shadow:0 2px #e7dacb;font-size:11px!important;min-height:43px;padding:10px}.duel-secondary:hover{background:#eee4d8}.duel-turn-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-radius:15px;background:#eee8f5;margin-bottom:18px;color:#927fa3;min-height:76px}.duel-turn-banner.is-mine{background:#fae9d6;color:#b77b48}.duel-turn-banner>div{display:flex;flex-direction:column;gap:6px}.duel-turn-banner strong{font-size:15px}.duel-turn-banner>div>span{font-size:10px}.duel-turn-clock{font-size:27px;font-weight:900;min-width:43px;text-align:right}.duel-turn-clock small{font-size:11px;margin-left:3px}.duel-turn-clock.is-low{color:#d36d58}.duel-board{padding:18px;background:#eee8f5;border:1px solid #e3daec;border-radius:23px;gap:12px}.duel-card{min-width:0;aspect-ratio:.86;border:0;padding:0;border-radius:13px;background:#af9bc4;box-shadow:0 4px #9882af;color:var(--duel-ink);transition:background .18s,transform .18s,box-shadow .18s}.duel-card:not(:disabled):hover{transform:translateY(-3px);background:#b9a6ce}.duel-card:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #9882af}.duel-card-inner{width:100%;height:100%;display:grid;place-items:center;position:relative}.duel-card.is-face{background:#fffaf2;box-shadow:0 4px #d5cadb}.duel-fruit{font-size:clamp(25px,6vw,42px);line-height:1;animation:duel-reveal .18s ease-out}.duel-card.is-owned.owner-0{background:#f6dfcd;box-shadow:0 3px #ddbea4}.duel-card.is-owned.owner-1{background:#e0d6ed;box-shadow:0 3px #c5b3d7}.duel-card.is-owned .duel-fruit{opacity:.6}.duel-owner-mark{position:absolute;right:7px;bottom:3px;font-size:11px;font-weight:900;color:#b88765}.owner-1 .duel-owner-mark{color:#9a84b3}.duel-board-meta{display:flex;justify-content:space-between;padding:13px 4px;font-size:10px;color:#a493ab}.duel-result{text-align:center;padding:8px 8px 20px}.duel-result-icon{font-size:40px;color:#b39bc9}.duel-result.is-win .duel-result-icon{color:#dfad59}.duel-result h2{font-size:24px;margin:8px 0 10px;font-weight:900;letter-spacing:-.7px}.duel-result p,.duel-rematch p{color:#a18ca7;font-size:11px;line-height:1.8;margin:0}.duel-rematch{margin-top:8px}.duel-rematch>p{text-align:center;margin:0 0 12px;color:#c48263}.duel-leave{display:block;margin:16px auto 0}.duel-error,.duel-network{background:#fae7df;border:1px solid #f0d5c6;border-radius:11px;font-size:12px;color:#b07e66;padding:13px 16px;line-height:1.8}.duel-error{grid-column:1 / -1;margin-top:18px}.duel-error .duel-text-button{display:block;color:#9c705c}.duel-network{margin:0 0 18px;font-size:10px}.duel-empty{text-align:center;padding:45px 24px}.duel-loading-mark{display:inline-block;font-size:40px;color:#c1accd;margin-bottom:20px;animation:duel-spin 4s linear infinite}.duel-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#30283e66;display:grid;place-items:center;padding:24px}.duel-modal{width:min(380px,100%)}.duel-modal .duel-primary{margin-top:12px}@keyframes duel-reveal{0%{transform:scale(.8);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes duel-spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.duel-landing{margin-top:90px}}@media(max-width:850px){.duel-landing{column-gap:40px;margin-top:38px}.duel-preview{padding:20px}.duel-hero-copy h1{font-size:33px}.duel-preview-card{border-radius:9px;font-size:25px}.duel-preview-players>span:not(.duel-vs){font-size:8px;padding:6px}}@media(max-width:639px){.duel-header{padding:21px 23px}.duel-brand{font-size:20px}.duel-header-right{gap:12px}.duel-online-pill{font-size:9px}.duel-logo{width:28px;height:16px}.duel-landing{display:flex;flex-direction:column;align-items:stretch;margin-top:24px;padding:0 25px;max-width:460px}.duel-hero-copy h1{font-size:34px;line-height:1.45;margin-top:14px;letter-spacing:-1.5px}.duel-intro{font-size:12px;max-width:300px}.duel-traits{margin-bottom:25px}.duel-create-form,.duel-join-form{max-width:none}.duel-fine{font-size:9px;margin-bottom:24px}.duel-preview{margin:39px 20px 10px;padding:22px;transform:rotate(3deg)}.duel-preview-card{font-size:30px}.duel-steps{display:flex;flex-direction:column;gap:22px;margin-top:28px;padding-top:25px}.duel-steps h2{font-size:12px}.duel-steps p{font-size:11px}.duel-practice{margin-top:22px}.duel-footer{padding-top:30px}.duel-room-main{padding:10px 20px}.duel-room-heading{margin:8px 0 18px}.duel-room-heading h1{font-size:23px}.duel-scoreboard{gap:8px}.duel-player{padding:10px 9px;gap:7px}.duel-avatar{width:28px;height:30px;font-size:23px}.duel-player-info>span:first-child{font-size:11px}.duel-player>strong{font-size:23px}.duel-panel{padding:23px 20px}.duel-panel h1,.duel-panel h2{font-size:20px}.duel-board{padding:13px;gap:9px;border-radius:18px}.duel-card{border-radius:10px}.duel-turn-banner{padding:12px 14px;margin-bottom:14px;min-height:70px}.duel-turn-banner strong{font-size:14px}.duel-result h2{font-size:22px}}@media(max-width:360px){.duel-header{padding:18px}.duel-online-pill{display:none}.duel-room-main{padding:8px 14px}.duel-player-info small{display:block;margin:2px 0 0}.duel-invite-actions{grid-template-columns:1fr}.duel-hero-copy h1{font-size:30px}}@media(prefers-reduced-motion:reduce){.duel-app *,.duel-app *:before,.duel-app *:after{animation:none!important;transition:none!important}}.duel-game-picker{border:0;padding:0;margin:0 0 24px;max-width:410px;min-width:0}.duel-game-picker legend{color:#78687f;font-weight:800;font-size:12px;margin-bottom:10px}.duel-game-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.duel-game-picker button{display:flex;align-items:center;gap:8px;padding:11px 9px;border:1px solid #e6dcd0;background:#fffcf7;border-radius:11px;text-align:left;color:#7b6a83;min-width:0;position:relative}.duel-game-picker button.selected{border-color:#e7a487;background:#fff0e5;box-shadow:0 2px #edccb6;color:#9c654c}.duel-game-picker button>span:first-child{font-size:22px;flex-shrink:0}.duel-game-picker button>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.duel-game-picker strong{font-size:11px;font-weight:900;line-height:1.5}.duel-game-picker small{font-size:8px;color:#a08e9d;line-height:1.6}.duel-game-picker i{font-size:9px;position:absolute;right:6px;top:5px;font-style:normal}.duel-game-picker p{color:#8f7f95;font-size:11px;line-height:1.9;margin:11px 0 0;min-height:40px;word-break:keep-all}.duel-mode-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;aspect-ratio:1}.duel-mode-preview>span{display:grid;place-items:center;background:#fcf8ee;border-radius:12px;color:#baa8ca;font-size:37px;box-shadow:0 3px #d6cbdf}.duel-mode-preview .highlight{background:#f0d7bf;color:#b48260}.preview-boxes>span{border:3px dashed #b2a0c4;font-size:12px;font-weight:900}.preview-race{grid-template-columns:repeat(4,minmax(0,1fr));background:#3d3450;border-radius:15px;padding:12px}.preview-race>span{background:#564969;box-shadow:none;color:#8d7ba2;font-size:27px}.preview-race .highlight{background:#efbd5c;color:#fff1c6}.preview-coop{grid-template-columns:repeat(5,minmax(0,1fr))}.preview-coop>span{font-size:24px;background:#faf8ef}.duel-play-rules{margin-top:20px;font-size:11px;color:#9e8da5}.duel-play-rules summary{cursor:pointer;padding:8px 0}.duel-play-rules .duel-rules{margin-top:5px;padding:15px;background:#f7f1e8;border-radius:12px;border:0}.duel-mode-note{color:#8a798e;font-size:10px;line-height:1.9;margin:14px 2px}.boxes-board{display:grid;grid-template-columns:repeat(3,28px minmax(0,1fr)) 28px;grid-template-rows:repeat(3,28px minmax(0,1fr)) 28px;aspect-ratio:1;padding:12px;border:1px solid #e4daeb;background:#f2ebf6;border-radius:22px}.boxes-dot{width:9px;height:9px;border-radius:50%;background:#816a94;justify-self:center;align-self:center;z-index:1}.boxes-edge{padding:0;border:0;background:none;display:grid;place-items:center;border-radius:7px;min-width:0;min-height:0;touch-action:manipulation}.boxes-edge>span{background:#dcd0e8;border-radius:7px}.boxes-edge.horizontal>span{width:100%;height:7px}.boxes-edge.vertical>span{height:100%;width:7px}.boxes-edge:not(:disabled):hover{background:#e6dbe9}.boxes-edge:not(:disabled):hover>span{background:#ad96be}.boxes-edge.owner-0>span{background:#e49a75}.boxes-edge.owner-1>span{background:#a28aba}.boxes-cell{display:grid;place-items:center;border-radius:8px;font-size:10px;font-weight:800;margin:3px}.boxes-cell.owner-0{background:#f4d9c6;color:#ad7556}.boxes-cell.owner-1{background:#ded1ea;color:#8b72a4}.dice-current{display:flex;align-items:center;justify-content:center;gap:21px;background:#f4ebdc;border:1px solid #eaddc9;border-radius:18px;padding:8px 14px;margin-bottom:20px}.dice-current>span{font-size:11px;color:#a18b6d;font-weight:800}.dice-current>strong{font-size:62px;font-weight:500;line-height:1.2;color:#c28d4f}.dice-boards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dice-boards section{min-width:0}.dice-boards h3{display:flex;justify-content:space-between;gap:7px;font-size:12px;color:#8d798f;margin:0 0 10px}.dice-boards h3>span{color:#b18c6e;font-size:10px;white-space:nowrap}.dice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px;border-radius:16px;background:#eee7f3}.dice-grid button,.dice-grid>div{display:grid;place-items:center;aspect-ratio:1;font-size:24px;font-weight:900;background:#fffaf1;border:1px dashed #d9cbdc;color:#9c82ad;border-radius:8px;padding:0}.dice-grid button>span{color:#c3b4ca;font-size:18px}.dice-grid .filled{border-style:solid;background:#e4d7ed}.dice-grid .pending{border:2px dashed #d9a075;background:#fae3c5;color:#bb8554}.dice-lock{text-align:center;color:#ac92ac;font-size:10px;min-height:16px;margin-top:10px}.race-progress{display:flex;justify-content:space-between;gap:16px;margin:16px 2px;font-size:11px;color:#9a88a0}.race-progress b{color:#91739a;padding-left:7px;font-size:14px}.race-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:17px;background:#40354f;border-radius:21px;border:1px solid #544461}.race-board button{aspect-ratio:1;min-width:0;background:#594b69;border:0;color:#a18daf;font-size:30px;border-radius:11px;box-shadow:0 3px #30283b;touch-action:manipulation;padding:0}.race-board button.is-on{background:#edbd60;color:#fff2ce;box-shadow:0 3px #bb8e3c}.race-board button:not(:disabled):hover{outline:2px solid #b6a0c4;outline-offset:2px}.coop-stats{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#a28aaf;padding:0 3px 14px}.coop-stats>span:first-child{color:#da977a;letter-spacing:2px}.coop-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;background:#e9e6d9;border:1px solid #dcd8c7;border-radius:19px;padding:12px}.coop-map button{aspect-ratio:.94;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;border-radius:8px;background:#fcf9ee;border:1px solid #e3ddca;color:#b2aa90;padding:0;touch-action:manipulation}.coop-map small{position:absolute;top:3px;left:4px;font-size:8px;color:#a79e8a}.coop-map button>span{font-size:24px}.coop-map .danger{background:#f6dcd3;border:2px solid #e5b6a2;color:#c58468}.coop-map .key{background:#faebbd;border:2px solid #e0c57e;color:#b99946}.coop-map .shared{border-style:dashed}.coop-map .collected{background:#e4ead5;color:#99a374;border-color:#b9c497}.coop-map .is-here{background:#a9b496;color:#fffaf0;border-color:#929d7d}.coop-map .is-here small{color:#eef0e4}.coop-map button:not(:disabled):hover{outline:2px solid #a7b28d;outline-offset:1px}.coop-clues{background:#f5efe3;border-radius:13px;padding:13px;margin-top:14px}.coop-clues h3{margin:0 0 10px;color:#8d7b66;font-size:10px;line-height:1.8}.coop-clues>div{display:flex;flex-wrap:wrap;gap:6px}.coop-clues button{border:1px solid #e3d5bb;background:#fffbf1;color:#ad8c61;border-radius:8px;min-height:34px;padding:7px 9px;font-size:10px}.coop-clues button.is-shared{color:#a8ab8f;background:#efefdf;border-color:#dedec8}@media(min-width:640px){.duel-landing:has(.duel-game-picker){margin-top:35px;align-items:start}.duel-landing:has(.duel-game-picker)>.duel-preview{margin-top:80px;position:sticky;top:35px}}@media(max-width:639px){.duel-game-picker{max-width:none}.duel-game-picker button{padding:10px 8px}.duel-hero-copy h1{font-size:31px}.dice-boards{gap:12px}.dice-grid{padding:8px;gap:6px}.dice-grid button,.dice-grid>div{font-size:21px}.coop-map{padding:10px;gap:6px}.coop-map button>span{font-size:22px}.duel-mode-note{font-size:10px}}.duel-logo,.duel-card-back{height:28px;border-radius:0;overflow:visible;transform:none;gap:3px;align-items:center}.duel-logo i,.duel-card-back i{height:22px;border-radius:5px;transform:rotate(-12deg)}.duel-logo i+i,.duel-card-back i+i{transform:rotate(12deg)}.duel-create-form>.duel-secondary{width:100%;margin:4px 0 10px}.duel-admission{border:1px solid #e6d7bd;border-radius:18px;background:#fff3d9;padding:16px;margin-bottom:16px}.duel-admission>button{margin:4px 0}.duel-header-right{gap:8px}.social-open{white-space:nowrap}.duel-app.ad-pad{padding-bottom:0}.duel-app .anchor-flow{margin-top:20px;padding-bottom:max(12px,env(safe-area-inset-bottom))}@media(max-width:360px){.duel-header{padding:18px 14px}.duel-brand{font-size:19px;gap:6px}.duel-logo{width:25px}.duel-lang{padding:8px;font-size:11px}}body{margin:0;background:#fff7ee;color:#2a2140;font-family:Nunito,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:#ff6a3d;text-decoration:none}a:hover{color:#d94e24}button{font-family:inherit}.hov-lift:hover{transform:translateY(-3px)!important}.press-coral:active{transform:translateY(3px)!important;box-shadow:0 1px #d94e24!important}.press-line:active{transform:translateY(3px)!important;box-shadow:0 1px #f1e4d6!important}.home{display:flex;flex-direction:column;gap:20px}.home-main{min-width:0;display:flex;flex-direction:column;gap:28px}.home-aside{order:-1;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.home-aside>section{min-width:0}@media(min-width:720px)and (max-width:1239px){.home-aside>section{flex:1 1 300px}}@media(max-width:719px){.home-main,.home-aside{display:contents}.home-spec{display:none!important}.home-hero{order:2}.home-top{order:3}.home-games{order:4}}@media(min-width:1240px){.home{display:grid;grid-template-columns:minmax(300px,1fr) minmax(560px,760px) minmax(300px,1fr);column-gap:20px;align-items:start}.home-main{grid-column:2;grid-row:1}.home-aside{grid-column:3;grid-row:1;flex-direction:column;flex-wrap:nowrap;align-items:stretch;width:300px}}@media(max-width:719px){.home-hero{padding:16px 16px 18px!important;gap:12px!important;border-radius:22px!important}.home-hero .hero-deco1{width:120px!important;height:120px!important;right:-36px!important;top:-44px!important}.home-hero .hero-deco2{display:none}.home-hero .hero-head{flex-wrap:nowrap!important;align-items:flex-start}.home-hero .hero-text{gap:2px!important;min-width:0}.home-hero .hero-kicker{font-size:11px!important}.home-hero .hero-title{font-size:22px!important}.home-hero .hero-sub{font-size:12px!important;word-break:keep-all}.home-hero .hero-timer-label{font-size:10px!important}.home-hero .hero-timer-value{font-size:15px!important}.home-hero .hero-doses{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}.home-hero .hero-dose{padding:8px!important;gap:6px!important;border-radius:12px!important;align-items:flex-start!important}.home-hero .hero-mark{width:20px!important;height:20px!important;font-size:11px!important}.home-hero .hero-name{font-size:12px!important;line-height:1.2;word-break:keep-all}.home-hero .hero-dsub{font-size:10px!important}.home-hero .hero-cta{align-self:stretch!important;font-size:15px!important;padding:11px 16px!important;border-radius:14px!important}.home-top{padding:14px 16px!important;gap:4px!important}.home-games{gap:12px!important}.mood-head{gap:10px!important}.mood-title{font-size:20px!important}.mood-sub{font-size:13px!important}.mood-pills{flex-wrap:nowrap!important;overflow-x:auto;width:calc(100% + 20px);margin-right:-20px;padding-right:20px;scrollbar-width:none}.mood-pills::-webkit-scrollbar{display:none}.mood-pills>button{flex:none;white-space:nowrap}}.hdr-grid{padding:12px 20px}.hdr-row{display:flex;align-items:center;gap:16px;min-width:0}@media(min-width:1240px){.hdr-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(560px,760px) minmax(300px,1fr);column-gap:20px}.hdr-row{grid-column:2}}@media(min-width:1240px)and (max-width:1359px),(min-width:720px)and (max-width:819px){.hdr-row{gap:10px}.hdr-nav{gap:0!important}.hdr-nav-btn{padding:8px 7px!important}.hdr-logo-text{font-size:19px!important}.hdr-chip-text{font-size:12px!important}}@keyframes rank-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.rank-pop{animation:rank-pop .52s cubic-bezier(.2,.9,.3,1.3) both}@media(prefers-reduced-motion:reduce){.rank-pop{animation:none}}@media(max-width:719px){.so-board{padding:44px 10px 28px!important;gap:24px 10px!important}.so-tube{width:46px!important;height:152px!important;padding:0 5px 5px!important}.so-seg{height:34px!important}}.rec-strip::-webkit-scrollbar{display:none}:root{--anchor-h: 50px}@media(min-width:760px){:root{--anchor-h: 90px}}.anchor-ad{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff7ee;border-top:2px solid #f1e4d6;padding:6px 12px calc(6px + env(safe-area-inset-bottom));display:flex;justify-content:center}.anchor-unit{width:320px;height:var(--anchor-h)}@media(min-width:760px){.anchor-unit{width:728px}}.anchor-flow{position:static;margin-top:12px}.ad-pad{padding-bottom:calc(var(--anchor-h) + 14px + 12px + env(safe-area-inset-bottom))}@media(min-width:720px)and (max-height:1049px){.so-many{padding:28px 20px 16px!important;gap:18px 14px!important}.so-many .so-tube{width:52px!important;height:142px!important;padding:0 5px 5px!important}.so-many .so-seg{height:32px!important}}
