.whot-open #c,.whot-open #ui{visibility:hidden}.whot-app[hidden]{display:none}.whot-app.w3{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;overflow:auto;overscroll-behavior:none;background:radial-gradient(ellipse at 50% 20%,#273e34,#0b1815 80%);color:#f5eddc;font-family:IBM Plex Sans,sans-serif;padding:calc(14px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom));--gold:#e8c98a;--line:#ffffff24;--muted:#a8b9aa}.w3 *{box-sizing:border-box}.w3 button,.w3 input,.w3 select{font:inherit}.w3 button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#21382e;color:#f5eddc;padding:11px 17px;min-height:44px;font-weight:600}.w3 button:hover:not(:disabled){border-color:var(--gold);background:#314a39}.w3 button:disabled{opacity:.42;cursor:default}.w3 button:focus-visible,.w3 input:focus-visible,.w3 select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.w3 input,.w3 select{color:#f5eddc;background:#14251e;border:1px solid var(--line);border-radius:8px;padding:10px;min-width:0;max-width:100%}.w3 select option{background:#14251e}.w3 input[type=checkbox]{accent-color:var(--gold);width:20px;height:20px}.w3 input[type=range]{accent-color:var(--gold)}.w3 .w-primary,.w3 button.chosen{background:var(--gold);color:#18261c;border-color:var(--gold)}.w-header{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}.w-header strong{letter-spacing:5px;font-family:Georgia,serif;font-size:23px}.w-header strong small{font:9px IBM Plex Sans,sans-serif;display:block;letter-spacing:3px;color:var(--gold);text-align:center;margin-top:3px}.w-header nav{display:flex;gap:6px}.w-header nav button{background:transparent;font-size:12px;padding:9px 12px}.w-notice{max-width:1000px;text-align:center;min-height:14px;margin:8px auto;color:var(--gold);font-size:12px;overflow-wrap:anywhere}.w-eyebrow{color:var(--gold);letter-spacing:3px;font-size:11px}.w-menu{max-width:1040px;margin:45px auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.w-menu h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,5.4vw,74px);line-height:1.03;margin:20px 0}.w-menu p{color:var(--muted);line-height:1.8}.w-menu-options{display:grid;gap:10px}.w-menu-options button{text-align:left;padding:17px 22px}.w-menu-options button small{display:block;font-weight:400;color:inherit;opacity:.7;font-size:12px;margin-top:5px}.w-menu-options p{font-size:12px;margin:0;text-align:center}.w-menu-art{height:185px;display:flex;align-items:center;justify-content:center;margin-top:25px}.w-menu-art i{font:36px Georgia;background:#f4e7ca;color:#95263c;border-radius:9px;box-shadow:0 10px 20px #0006;padding:12px;text-align:center;width:104px;height:148px;line-height:1.6;transform:rotate(-15deg)}.w-menu-art i:nth-child(2){background:#812d3f;color:#ebce94;transform:translateY(-15px);z-index:1;margin-left:-10px}.w-menu-art i:nth-child(3){transform:rotate(15deg);margin-left:-10px}.w-panel{max-width:720px;margin:25px auto;background:#16291f;border:1px solid var(--line);border-radius:22px;padding:30px}.w-panel h1{font:36px Georgia;margin:15px 0 26px}.w-panel h2{font:30px Georgia}.w-panel p{line-height:1.7;color:#bdcbbf}.w-panel form>button{margin:15px 8px 10px 0}.w-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.w-fields label,.w-join label{display:flex;flex-direction:column;gap:7px;font-size:13px}.w-fields .w-check{flex-direction:row;align-items:center}.w-custom{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.w-custom summary{margin-bottom:15px;cursor:pointer;color:var(--gold)}.w-rule-preview{font-size:12px;color:var(--gold)!important}.w-small{font-size:11px}.w-join{display:flex;gap:10px;align-items:end;padding:16px 0;border-top:1px solid var(--line)}.w-join label{flex:1}.w-join button{margin:0!important}.w-game{max-width:1320px;margin:auto}.w-game-title{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:2px;color:var(--muted);margin:8px 0}.w-board{position:relative;height:clamp(320px,54vh,610px);isolation:isolate}.w-stage,#w-scene{position:absolute;top:0;right:0;bottom:0;left:0}.whot-canvas{display:block;width:100%;height:100%;touch-action:none}.w-seats{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.w-seat{position:absolute;display:flex;align-items:center;gap:9px;padding:9px 12px;background:#112219eb;border:1px solid #ffffff25;border-radius:14px;max-width:210px;box-shadow:0 5px 16px #0003}.w-seat.active{border-color:var(--gold);box-shadow:0 0 18px #e2c68b1a}.w-seat strong,.w-seat small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.w-seat strong{font-size:13px;max-width:150px}.w-seat small{font-size:10px;color:#b7c8b8;margin-top:3px}.w-avatar{font-size:22px}.w-seat.top{top:0;left:50%;transform:translate(-50%)}.w-seat.left{left:0;top:42%}.w-seat.right{right:0;top:42%}.w-seat.bottom{bottom:0;left:50%;transform:translate(-50%)}.w-active-shape{position:absolute;right:22%;top:38%;text-align:center;pointer-events:none;text-shadow:0 2px 4px #000}.w-active-shape small{font-size:8px;letter-spacing:2px;display:block;color:var(--gold)}.w-active-shape b{font-size:33px;color:var(--gold);display:block}.w-active-shape span{font-size:9px;text-transform:uppercase}.w-attack{position:absolute;left:27%;top:25%;font-size:36px;font-weight:700;color:#ffbd9c;pointer-events:none}.w-attack small{display:block;font-size:10px}.w-turn{text-align:center;margin:12px 0;color:var(--gold);font-size:14px}.w-turn small{display:block;font-size:11px;color:var(--muted);margin-top:5px;min-height:14px}.w-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.w-controls button{font-size:12px;min-width:100px}.w-hand-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;margin:18px auto 6px;max-width:1000px;color:#c9d2c7}.w-hand-label small{letter-spacing:0;color:var(--muted);font-size:10px}.w-accessible-hand{display:flex;gap:7px;overflow-x:auto;padding:9px 3px 14px;max-width:1000px;margin:auto;scrollbar-width:thin;scrollbar-color:#d4b780 #ffffff10}.w3 button.w-hand-card{min-width:64px;width:64px;height:86px;min-height:86px;flex:0 0 auto;background:#eee1c8;color:#8c263b;padding:6px 8px;display:flex;flex-direction:column;align-items:center;border:2px solid transparent;transition:transform .16s}.w3 button.w-hand-card.legal{border-color:#d8bd83}.w3 button.w-hand-card.muted{filter:saturate(.45);opacity:.58}.w3 button.w-hand-card.chosen{transform:translateY(-5px);border:3px solid #edc15d;background:#fff0ca}.w-card-number{align-self:flex-start;font-size:15px;line-height:1}.w-hand-card b{font-size:25px;line-height:1.3}.w-hand-card small{font-size:7px;text-transform:uppercase}.w-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#06100de8;overflow:auto;padding:30px 16px}.w-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(94vw,520px);border:1px solid var(--gold);background:#183023;border-radius:22px;box-shadow:0 0 0 100vmax #000b;padding:28px;text-align:center;z-index:50}.w-shapes{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0}.w-shapes button{font-size:30px;padding:12px;min-width:65px}.w-shapes small{display:block;font-size:9px}.w-privacy{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#10251df5;border:1px solid var(--line);border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.w-privacy h2{font:32px Georgia}.w-privacy p{color:var(--muted)}.w-chat{max-width:1000px;margin:20px auto;border-top:1px solid var(--line);padding-top:14px}.w-chat summary{color:var(--gold);cursor:pointer;font-size:13px}.w-chat>button{margin:10px 0}.w-chat [role=log]{max-height:160px;overflow:auto;font-size:13px}.w-chat form{display:flex;gap:8px}.w-chat input{flex:1}.w-panel dl{display:grid;grid-template-columns:35px 1fr;gap:14px}.w-panel dt{color:var(--gold);font-weight:700}.w-panel dd{margin:0}.w-result{max-width:720px;margin:20px auto;padding:25px;background:#183024;border:1px solid var(--gold);border-radius:20px;text-align:center}.w-result h2{font:32px Georgia}.w-result button{margin:10px 4px 0}.w-result table{width:100%;font-size:13px;border-collapse:collapse;text-align:left}.w-result td,.w-result th{padding:10px;border-bottom:1px solid var(--line)}.w-result details{text-align:left;font-size:12px;margin:16px 0}.w-result.celebrate{animation:w-win 1s ease-out}.w-history{padding:15px 0;border-bottom:1px solid var(--line)}.w-history span{display:block;font-size:11px;color:var(--muted)}@keyframes w-win{0%{transform:translateY(15px);box-shadow:0 0 90px #edcb8760}to{transform:none;box-shadow:none}}@media (max-width:700px){.w-menu{grid-template-columns:1fr;gap:22px;margin:25px auto;max-width:480px}.w-menu h1{font-size:48px}.w-menu-art{height:150px;margin:20px 0}.w-menu-art i{width:85px;height:125px;font-size:30px}.w-panel{padding:20px;margin:15px auto}.w-fields{gap:14px}.w-header strong{font-size:19px;letter-spacing:3px}.w-header nav button{font-size:10px;padding:7px 9px}.w-header{gap:7px}.w-board{height:clamp(300px,47vh,480px)}.w-seat{padding:6px 8px;gap:5px;max-width:125px;border-radius:10px}.w-seat strong{font-size:10px;max-width:85px}.w-seat small{font-size:8px}.w-avatar{font-size:17px}.w-seat.left,.w-seat.right{top:30%}.w-active-shape{right:17%;top:54%}.w-active-shape b{font-size:24px}.w-active-shape small{font-size:6px;letter-spacing:1px}.w-attack{left:12%;top:55%;font-size:26px}.w-controls{gap:5px}.w-controls button{min-width:0;padding:9px 11px;font-size:11px}.w-game-title{font-size:8px;letter-spacing:1px}.w-hand-label{gap:10px;font-size:9px}.w-hand-label small{font-size:8px}.w-notice{font-size:10px;margin:5px auto}.w-turn{margin:9px 0;font-size:12px}.w-turn small{font-size:10px}}@media (max-height:550px) and (orientation:landscape){.w-board{height:310px}.w3{padding-top:8px!important}.w-header{height:40px}.w-header button{min-height:35px;padding:6px 10px}.w-notice{margin:0}.w-game-title{margin:3px 0}.w-seat.left,.w-seat.right{top:25%}.w-accessible-hand{max-width:90%}}@media (prefers-reduced-motion:reduce){.w3 *{animation:none!important;transition:none!important}}.w-reaction{position:absolute;top:25%;left:50%;transform:translate(-50%);z-index:3;padding:10px 18px;background:#e8c98a;color:#18261c;border-radius:30px;font-weight:700;box-shadow:0 0 28px #e8c98a55;pointer-events:none;text-align:center}.w-accessible-hand{gap:12px;padding:14px 6px 18px;scroll-snap-type:x proximity}.w3 button.w-hand-card{position:relative;width:104px;min-width:104px;height:150px;min-height:150px;padding:0;background:#fffdf6;color:#740d20;border:2px solid #d5d0c5;border-radius:9px;box-shadow:0 5px 12px #0005;opacity:1;scroll-snap-align:start}.w3 button.w-hand-card.muted,.w3 button.w-hand-card:disabled{opacity:1;filter:none;background:#fffdf6;color:#740d20}.w3 button.w-hand-card.legal:enabled{border-color:#e7c667;box-shadow:0 0 0 1px #e7c667,0 5px 12px #0005}.w3 button.w-hand-card:hover:not(:disabled),.w3 button.w-hand-card.chosen{background:#fffdf6;color:#740d20;border-color:#ffd351;box-shadow:0 0 0 2px #ffd351,0 0 18px #ffd35166;transform:translateY(-6px)}.w-card-corner{position:absolute;left:6px;top:4px;display:flex;flex-direction:column;align-items:center;font:700 27px/1 Georgia,serif}.w-hand-card .w-card-corner small{font:16px/1 Arial,sans-serif;text-transform:none}.w-card-corner.bottom{left:auto;top:auto;right:6px;bottom:4px;transform:rotate(180deg)}.w-hand-card b.w-card-pip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:69px/1 Arial,sans-serif}.w-hand-card b.whot-word{font:700 italic 31px Georgia,serif}@media (max-width:700px){.w-accessible-hand{gap:8px}.w3 button.w-hand-card{width:82px;min-width:82px;height:122px;min-height:122px}.w-card-corner{font-size:23px}.w-hand-card .w-card-corner small{font-size:13px}.w-hand-card b.w-card-pip{font-size:55px}.w-hand-card b.whot-word{font-size:26px}}@media (max-width:700px){.w-active-shape{right:2%;top:17%}}.w-table-draw{position:absolute;left:50%;bottom:23%;transform:translate(-50%);z-index:2}.w3 .w-table-draw button{background:#e8c98a;color:#18261c;box-shadow:0 4px 16px #0005;min-width:105px}.w-request-banner{display:flex;justify-content:center;align-items:center;gap:10px;min-height:40px;margin:8px auto;color:#efd59b;font-size:13px;background:#ffffff09;border:1px solid #e8c98a40;border-radius:12px;width:fit-content;padding:6px 18px}.w-request-banner b{font-size:25px}.w-request-banner strong{text-transform:capitalize}.w-hand-row{display:flex;align-items:center;gap:12px;max-width:1000px;margin:auto;min-width:0}.w-hand-row .w-accessible-hand{flex:1;min-width:0;margin:0}.w3 .w-hand-shuffle{flex:0 0 auto;padding:12px}@media (max-width:700px){.w-hand-row{gap:8px}.w3 .w-hand-shuffle{font-size:11px;padding:10px 8px}.w-table-draw{bottom:22%}.w3 .w-table-draw button{font-size:12px;min-width:96px}}:root{--bg: #0b1020;--surf: #131a2e;--bd: #26304d;--tx: #eef2ff;--mu: #93a0c4;--ac: #2f6bff;box-sizing:border-box}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #e9eefb;--surf: #fff;--bd: #cfd8ee;--tx: #0f1730;--mu: #53608a}}:root[data-theme=dark]{--bg: #0b1020;--surf: #131a2e;--bd: #26304d;--tx: #eef2ff;--mu: #93a0c4}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--tx);font:400 15px/1.4 IBM Plex Sans,system-ui,sans-serif;overflow:clip;-webkit-tap-highlight-color:transparent}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#ui,#hud,#scr{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud[hidden],#scr[hidden]{display:none}.top{position:absolute;top:calc(env(safe-area-inset-top,0px) + 8px);left:8px;right:8px;display:flex;justify-content:space-between;gap:8px;align-items:flex-start}#players{display:flex;gap:5px;flex-wrap:wrap;flex:1;min-width:0}.pl{background:var(--surf);border:2px solid var(--bd);border-left:5px solid var(--c);border-radius:10px;padding:3px 7px;min-width:88px;line-height:1.2}.pl.on{border-color:var(--c);box-shadow:0 0 0 2px var(--c) inset}.pl b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.pl span{font:500 10px JetBrains Mono,monospace;color:var(--mu)}.btns{display:flex;gap:5px;flex-shrink:0}.ib{pointer-events:auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--bd);background:var(--surf);color:var(--tx);font-size:18px;cursor:pointer}.bot{position:absolute;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);display:flex;flex-direction:column;align-items:center;gap:7px}#info{background:var(--surf);border:1px solid var(--bd);border-radius:10px;padding:5px 12px;font-weight:600;text-align:center;max-width:92vw;font-size:14px}#info:empty{display:none}#dice{display:flex;gap:10px}.die{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#f8fafc;color:#0f172a;font:700 20px JetBrains Mono,monospace;box-shadow:0 2px #94a3b8}.die.used{opacity:.35;text-decoration:line-through}#choice{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.btn{pointer-events:auto;min-height:50px;padding:0 20px;border-radius:12px;border:1px solid var(--bd);background:var(--surf);color:var(--tx);font:600 15px IBM Plex Sans,sans-serif;cursor:pointer}.btn.primary{background:var(--ac);border-color:var(--ac);color:#fff}.btn.big{min-width:200px;min-height:56px;font-size:18px;font-weight:700}.btn:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ac);outline-offset:2px}#toast{position:fixed;left:50%;top:30%;transform:translate(-50%);background:var(--ac);color:#fff;padding:10px 18px;border-radius:12px;font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90vw;text-align:center}#toast.on{opacity:1}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px;background:color-mix(in srgb,var(--bg) 82%,transparent);pointer-events:auto;overflow:auto}.card{width:min(420px,100%);background:var(--surf);border:1px solid var(--bd);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:9px;max-height:100%;overflow:auto}.card.wide{width:min(560px,100%)}.card h2,.card h3{margin:0}.card h3{font-size:12px;color:var(--mu);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.mu{color:var(--mu);margin:0}.logo{font:700 40px/1 IBM Plex Sans,sans-serif;text-align:center;letter-spacing:.06em}.logo span{color:var(--ac);margin-left:6px}.opts{display:flex;flex-direction:column;gap:7px}.opt{text-align:left;min-height:52px;padding:7px 12px;border-radius:12px;border:2px solid var(--bd);background:transparent;color:var(--tx);cursor:pointer;font:inherit}.opt small{display:block;color:var(--mu)}.opt[aria-pressed=true],.seg button[aria-pressed=true]{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 18%,transparent)}.seg{display:flex;gap:5px}.seg button{flex:1;min-height:46px;border-radius:10px;border:2px solid var(--bd);background:transparent;color:var(--tx);font:600 14px inherit;cursor:pointer}.chk{display:flex;gap:10px;align-items:center;min-height:36px}.chk input[type=checkbox]{width:22px;height:22px}.row{display:flex;gap:8px;margin-top:4px}.row .btn{flex:1}.prow{display:flex;gap:7px;align-items:center}.prow input,.prow select,.chk select{min-height:46px;border-radius:10px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);padding:0 10px;font:inherit}.prow input{flex:1;min-width:0}.dot{width:16px;height:16px;border-radius:50%;flex:none}.tag{font:500 10px JetBrains Mono,monospace;color:var(--mu);width:40px}.tag.wide{width:auto;flex:1;text-align:right}.rules{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.hd{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:3px;vertical-align:middle}.online-panel{position:fixed;z-index:20;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 20px));max-height:88dvh;overflow:auto;padding:18px;border:1px solid #475569;border-radius:18px;background:#111b2e;color:#f1f5f9;box-shadow:0 16px 60px #0008;pointer-events:auto}.online-panel[hidden]{display:none}.online-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px}.online-panel input{width:100%;min-width:0;padding:10px;border-radius:8px;border:1px solid #64748b;background:#0b1020;color:#fff;font:inherit;font-size:16px}.online-setup label{display:block;margin:10px 0}.online-panel .btn{padding:8px 12px;margin:3px 0}.online-status{color:#93c5fd;font-size:13px}.online-lobby p{font-size:13px;margin:7px 0;overflow-wrap:anywhere}.online-chat{margin-top:14px;border-top:1px solid #334155;padding-top:10px}.online-chat summary{cursor:pointer;-webkit-user-select:none;user-select:none}.online-messages{max-height:160px;overflow:auto;overflow-wrap:anywhere;font-size:13px}.online-send{display:flex;gap:6px;align-items:center}.online-panel.playing{inset:100px 12px auto auto;transform:none;width:260px;max-height:calc(100dvh - 220px);padding:12px}.online-panel.collapsed>:not(header){display:none}.online-panel .online-collapse{display:none}.online-panel.playing .online-collapse{display:inline-block}.online-panel.playing header{gap:5px;font-size:12px}.online-panel.playing header .btn{padding:6px 8px}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important}}@media (max-width: 800px){.online-panel.playing{inset:auto 8px 140px auto;width:200px;max-height:28dvh;font-size:12px;padding:8px}.online-panel.playing .online-messages{max-height:60px}}@media (max-width: 480px){body{font-size:14px}.pl{min-width:72px;padding:2px 5px;border-left-width:4px}.pl b{font-size:11px;max-width:80px}.pl span{font-size:9px}.ib{width:40px;height:40px;font-size:16px;border-radius:10px}.die{width:40px;height:40px;font-size:18px}.btn.big{min-width:160px;min-height:50px;font-size:16px}.btn{min-height:46px;font-size:14px;padding:0 14px}#info{font-size:13px;padding:4px 10px}.card{padding:14px;border-radius:14px;gap:8px}.logo{font-size:32px}.online-panel{width:calc(100vw - 16px);padding:14px;border-radius:14px;max-height:92dvh}.online-panel.playing{inset:auto 0 0 0;width:100%;max-height:42dvh;border-radius:14px 14px 0 0;padding:10px 12px;border-left:none;border-right:none;border-bottom:none}.online-panel.playing .online-messages{max-height:80px}.seg{flex-wrap:wrap}.seg button{min-width:80px}.prow{flex-wrap:wrap}.prow input{width:100%}}@media (max-height: 560px){.btn.big{min-height:44px}.die{width:38px;height:38px}.card{padding:10px;gap:6px}.logo{font-size:28px}.bot{gap:5px;bottom:calc(env(safe-area-inset-bottom,0px) + 6px)}#info{padding:3px 8px;font-size:12px}.online-panel.playing{max-height:26dvh}}@media (max-width: 360px){.pl{min-width:60px}.pl b{max-width:60px;font-size:10px}.btn.big{min-width:140px;font-size:14px}.die{width:36px;height:36px;font-size:16px}}#c{touch-action:none}#dice .die{pointer-events:auto;cursor:pointer;font:inherit;font-weight:700}#dice .die:disabled{cursor:default}#dice .die:not(:disabled){border-color:#ffc857;box-shadow:0 0 0 2px #ffc85755}#dice .die:focus-visible,#c:focus-visible{outline:3px solid #ffc857;outline-offset:3px}@media (max-width: 480px){.online-panel.playing{inset:calc(env(safe-area-inset-top,0px) + 60px) 8px auto;width:auto;max-height:25dvh;border:1px solid var(--bd);border-radius:14px}}.top-tools{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}#local-actions{display:flex;gap:6px;justify-content:flex-end}#local-actions[hidden]{display:none}#local-actions .btn{min-height:40px;padding:0 10px}#dice .die.selected{background:#ffc857;color:#101827;box-shadow:0 0 0 3px #ffc85788;transform:translateY(-3px)}#c{top:78px;bottom:auto;height:calc(100% - 218px - env(safe-area-inset-bottom,0px))}.bot{max-height:126px;overflow-y:auto}.opponent-hand{position:fixed;z-index:4;pointer-events:none;font-size:48px;line-height:1;transform:translate(-40%,-12%);filter:drop-shadow(0 3px 3px #0008)}.opponent-hand[hidden]{display:none}body:has(#hud:not([hidden])){background:#0b1020}.piece-choice{position:fixed;z-index:12;padding:8px;border-radius:12px;background:#fff;color:#101827;box-shadow:0 3px 16px #0008;transform:translate(-50%,-100%);text-align:center}.piece-choice:after{content:"";position:absolute;left:calc(50% + var(--tail, 0px) - 9px);top:100%;border:9px solid transparent;border-top:20px solid white}.piece-choice button{margin:4px 2px 0;min-width:44px;min-height:44px;border:2px solid var(--piece, #ddd);border-radius:8px;background:#f1f4fa;color:var(--piece, #101827);font-size:22px;cursor:pointer}.piece-choice button:disabled{opacity:.35;cursor:default}.piece-choice button:hover:not(:disabled),.piece-choice button:focus-visible{background:#ffdf83;outline:2px solid #101827}.top{display:grid;grid-template-columns:90px minmax(0,1fr) 90px}#players{grid-column:2;justify-content:center}.top-tools{grid-column:3}@media (max-width: 600px){.top{grid-template-columns:minmax(0,1fr) 86px}#players{grid-column:1;justify-content:center}.top-tools{grid-column:2}}@media (max-width: 600px){.top{grid-template-columns:1fr;gap:4px}#players{grid-column:1;grid-row:2}.top-tools{grid-column:1;grid-row:1}#c{top:112px;height:calc(100% - 252px - env(safe-area-inset-bottom,0px))}}.game-home{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;background:#101d1d;color:#f5efdf;padding:30px clamp(20px,7vw,110px);font-family:IBM Plex Sans,sans-serif;pointer-events:auto}.game-home header{display:flex;justify-content:space-between;align-items:center}.game-home header strong{letter-spacing:3px;font-size:20px}.game-home header strong span{font-weight:400;color:#b7c6ba}.game-home header .btn{width:auto;background:transparent;color:#eee4cf;border-color:#ffffff30}.game-home main{max-width:1100px;margin:44px auto}.game-home h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-2px;margin:20px 0}.home-subtitle{color:#afc0b4;line-height:1.7}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}.game-tile{font:inherit;text-align:left;border-radius:24px;border:1px solid #ffffff25;color:#f4eddf;padding:28px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,border-color .2s}.game-tile:hover{transform:translateY(-5px);border-color:#e1c691}.game-tile:focus-visible{outline:3px solid #e1c691;outline-offset:5px}.ludo-tile{background:linear-gradient(145deg,#214a42,#18332e)}.whot-tile{background:linear-gradient(145deg,#653638,#392527)}.game-tile h2{font-size:40px;margin:12px 0}.game-tile p{color:#ddded0;font-size:15px}.tile-meta{font-size:10px;letter-spacing:2px;color:#d3bc8f}.game-tile footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;margin-top:25px;padding-top:18px;font-size:13px}.game-tile footer b{font-size:25px}.tile-art{height:155px;margin:0 0 24px}.mini-board{display:grid;grid-template-columns:70px 70px;grid-template-rows:70px 70px;gap:9px;transform:rotate(-9deg);width:max-content;margin-left:auto;margin-right:auto;position:relative}.mini-board i{border-radius:12px;background:#cf5d5b;border:12px solid #f4e8cf;box-shadow:0 5px 10px #0003}.mini-board i:nth-child(2){background:#3e9772}.mini-board i:nth-child(3){background:#5077c7}.mini-board i:nth-child(4){background:#d4af4a}.mini-board b{position:absolute;top:48px;left:49px;font-size:50px;color:#252f2b;background:#fff3d7;border-radius:10px;line-height:1}.mini-cards{display:flex;justify-content:center;align-items:center}.mini-cards i{font-style:normal;background:#f6e9d1;color:#8b3640;padding:12px;width:85px;height:125px;border-radius:9px;font-size:30px;line-height:1.5;box-shadow:0 10px 20px #0004;transform:rotate(-15deg);text-align:center}.mini-cards i:nth-child(2){background:#9f3a45;color:#f7e5bc;transform:translateY(-10px);z-index:1;margin-left:-12px}.mini-cards i:nth-child(3){transform:rotate(15deg);margin-left:-12px}.home-foot{font-size:12px;text-align:center;color:#96aa9a;padding:10px}@media (max-width:600px){.game-grid{grid-template-columns:1fr;gap:18px}.game-home{padding:20px}.game-home main{margin:30px auto}.game-home h1{font-size:47px}.game-tile{padding:22px}.tile-art{float:right;transform:scale(.7);transform-origin:right center;margin:-10px -5px 0 0;width:150px;height:125px}.mini-board{width:149px;transform:rotate(-9deg) scale(.7)}.game-tile h2{font-size:34px}.game-tile p{clear:both}.tile-meta{font-size:9px}}