:root{font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;color:#25352d;background:#f7f3e9;font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;--ink: #25352d;--cream: #f7f3e9;--paper: #fffdf7;--green: #286a4d;--green-dark: #1d4a38;--mint: #bfe2c8;--coral: #ef755f;--coral-dark: #b9493b;--gold: #edae49;--line: #dfdbcf;--shadow: 0 12px 36px rgba(34, 54, 43, .12)}*{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:clip}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}body:before{content:"";position:fixed;z-index:1000;top:0;right:0;left:0;height:env(safe-area-inset-top,0px);pointer-events:none;background:var(--cream)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #fffdf7;outline-offset:2px;box-shadow:0 0 0 6px var(--green-dark)}h1,h2,h3,p{margin-top:0;overflow-wrap:break-word}h1,h2,h3,.brand-mark{font-family:ui-rounded,system-ui,sans-serif;line-height:1.02}.eyebrow{margin:0 0 .3rem;color:#d4ead8;font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow.dark{color:#59685f}.primary-button,.secondary-button,.pass-button{border:0;border-radius:16px;min-height:50px;padding:.8rem 1.25rem;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-button{color:#fff;background:var(--coral-dark);box-shadow:0 7px #7f3028}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 9px #7f3028}.primary-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px #7f3028}.primary-button:disabled,button:disabled{cursor:not-allowed;opacity:.46}.secondary-button{background:#e7eee8;border:2px solid #bfd0c3}.wide{width:100%;display:flex;align-items:center;justify-content:space-between}.icon-button{width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#ffffff1f;color:inherit;font-size:1.45rem;cursor:pointer}.spanish-suit-icon{display:block;width:1em;height:1em;overflow:visible}.language-selector{display:flex;align-items:center;gap:.45rem;font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.language-selector select{min-height:44px;padding:.35rem 1.7rem .35rem .55rem;border:1px solid rgba(255,255,255,.32);border-radius:10px;color:inherit;background:#00000029;font:inherit;cursor:pointer}.language-selector option{color:var(--ink);background:#fff}.nav-tools{justify-self:end;display:flex;align-items:center;gap:.65rem}.light-nav .language-selector select{border-color:#d2cec2;color:var(--ink);background:#fff}.catalog-shell{min-height:100vh}.hero{position:relative;overflow:hidden;min-height:410px;padding:max(2rem,env(safe-area-inset-top)) 7vw 4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fffdf7;background:#244d3b}.hero>.language-selector{position:absolute;z-index:2;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right))}.hero:before,.hero:after{content:"";position:absolute;border:2px dashed rgba(255,255,255,.14);border-radius:50%;width:330px;height:330px}.hero:before{left:-180px;top:-120px}.hero:after{right:-160px;bottom:-180px}.hero h1{margin:.3rem 0 .25rem;font-size:clamp(4rem,13vw,7.2rem);letter-spacing:-.06em}.hero-copy{max-width:440px;margin-bottom:1.4rem;font-size:1.12rem;color:#e4eee7}.brand-mark{display:flex;gap:8px;align-items:center;font-size:1.5rem;color:#f4bd58}.brand-mark span:nth-child(2){color:#ef755f}.brand-mark span:nth-child(3){color:#8dc9bf}.offline-pill{position:relative;z-index:1;padding:.55rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#05221752;font-size:.8rem;font-weight:800}.offline-pill span{color:#bfe2c8;font-size:1.2rem}.install-button{position:relative;z-index:1;min-height:44px;margin-top:.8rem;padding:.58rem 1rem;border:0;border-radius:999px;color:#244d3b;background:#fffdf7;box-shadow:0 5px #c9c4b6;font-weight:900;cursor:pointer}.install-button span{margin-right:.35rem;color:var(--coral-dark)}.catalog-section{width:min(1120px,90vw);margin:-1.8rem auto 0;padding:0 0 3rem;position:relative}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.section-heading h2{margin:0;font-size:clamp(2rem,5vw,3.2rem)}.game-count{padding:.45rem .8rem;background:#e7e1d3;border-radius:999px;font-size:.78rem;font-weight:800}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.game-card{min-height:390px;padding:1.5rem;border:1px solid rgba(37,53,45,.08);border-radius:28px;display:flex;flex-direction:column;background:var(--paper);box-shadow:var(--shadow)}.game-card.coming-soon{background:#efede5;box-shadow:none}.game-card-top{display:flex;justify-content:space-between;align-items:start}.game-icon{width:76px;height:88px;display:grid;place-items:center;border:5px solid white;border-radius:13px;transform:rotate(-4deg);font:800 2.5rem ui-rounded;color:#fff;background:var(--coral);box-shadow:0 8px 16px #00000026}.tone-violet .game-icon{background:#7564a5}.tone-blue .game-icon{background:#5d9da6}.available-badge,.soon-badge{padding:.35rem .6rem;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase}.available-badge{background:#d9eddd;color:#266144}.soon-badge{background:#dedbd1;color:#78756b}.game-card h3{margin:1.2rem 0 .5rem;font-size:1.65rem}.game-card p{color:#667168;line-height:1.55}.tone-sun{background:linear-gradient(155deg,#fffdf6,#fff4c8)}.game-card .game-meta{margin-top:auto;margin-bottom:1rem}.game-meta{display:flex;gap:.55rem;flex-wrap:wrap}.game-meta span{padding:.35rem .58rem;border-radius:8px;background:#ece9df;font-size:.72rem;font-weight:800}.catalog-footer{width:min(1120px,90vw);margin:0 auto;padding:1.5rem .5rem max(2rem,env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#59685f;font-size:.78rem;font-weight:800}.catalog-footer p{margin:0}.catalog-footer nav{display:flex;flex-wrap:wrap;gap:1rem}.catalog-footer a{min-height:44px;display:inline-flex;align-items:center;color:var(--green-dark)}.catalog-footer{flex-wrap:wrap}.footer-diagnostics-button{min-height:44px;border:0;padding:.55rem 0;color:var(--green-dark);background:transparent;text-decoration:underline;font-weight:800;cursor:pointer}.diagnostics-share-control{display:inline-flex}.detail-shell{min-height:100vh;background:var(--cream);padding-bottom:4rem}.top-nav{min-height:76px;padding:max(.8rem,env(safe-area-inset-top)) min(5vw,3rem) .8rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;background:#244d3b;font-weight:800}.top-nav>:last-child{justify-self:end}.offline-dot{padding:.35rem .65rem;border-radius:999px;color:#d9eddd;background:#00000029;font-size:.7rem;text-transform:uppercase}.detail-hero{padding:3rem max(5vw,calc((100vw - 1000px)/2));display:grid;grid-template-columns:210px 1fr;align-items:center;gap:3rem;color:#fff;background:#2d6047}.detail-hero h1{margin:.2rem 0 .6rem;font-size:clamp(3rem,8vw,5.5rem)}.detail-hero>div>p:not(.eyebrow){max-width:630px;line-height:1.6;color:#e0ebe3}.game-meta.large span{background:#ffffff1f}.five-card{width:160px;aspect-ratio:.72;display:grid;place-items:center;align-content:center;justify-self:center;border:8px solid #fff9eb;border-radius:20px;color:#d58e22;background:#fffdf8;transform:rotate(-6deg);box-shadow:0 18px 35px #00000040}.five-card b{font:800 4.8rem/1 ui-rounded}.five-card>svg{width:2.6rem;height:2.6rem}.five-card small{margin-top:.5rem;font-weight:900;letter-spacing:.12em}.setup-card{width:min(900px,90vw);margin:2.3rem auto 1.2rem;padding:1.5rem 1.8rem;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:2rem;background:var(--paper)}.setup-card>*,.profile-form,.local-setup-card>*,.local-setup-heading>*,.local-mode-picker,.local-player-options>*,.local-name-list,.join-grid>*{min-width:0}.setup-card h2{margin-bottom:.3rem;font-size:1.7rem}.setup-card p{margin-bottom:0;color:#6b756e}.step-number{color:#af5c4f!important;font-size:.7rem;font-weight:900;letter-spacing:.1em}.avatar-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}.avatar-choice{width:44px;height:44px;border:2px solid transparent;border-radius:14px;background:#eeeade;font-size:1.35rem;cursor:pointer}.avatar-choice.active{border-color:var(--coral);background:#ffe1d8;transform:translateY(-2px)}.profile-form label{display:grid;gap:.3rem;font-size:.75rem;font-weight:800}.profile-form input{width:100%;min-height:46px;padding:.65rem .8rem;border:2px solid #d7d5cc;border-radius:12px;background:#fff}.local-setup-card{width:min(1100px,90vw);margin:1rem auto;padding:1.4rem;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.local-setup-heading{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:1.2rem;align-items:center}.local-setup-heading h2{margin:.15rem 0 .3rem;font-size:1.55rem}.local-setup-heading p{margin:0;color:#6b756e}.local-mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.mode-choice{min-height:82px;padding:.8rem;border:2px solid #d7d5cc;border-radius:16px;display:grid;gap:.2rem;text-align:left;color:var(--ink);background:#f4f0e6;cursor:pointer}.mode-choice b,.mode-choice small{display:block}.mode-choice small{color:#6f776f}.mode-choice.active{border-color:#7564a5;background:#eee9fa;box-shadow:0 0 0 3px #7564a51f}.local-player-options{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);display:grid;grid-template-columns:190px 1fr;gap:1rem;align-items:start}.local-count-options{display:grid;gap:1rem}.player-count-picker{margin:0;padding:0;border:0}.player-count-picker legend{margin-bottom:.45rem;font-size:.75rem;font-weight:800}.player-count-picker>div{display:flex;gap:.4rem}.count-choice{width:46px;height:46px;border:2px solid #d7d5cc;border-radius:13px;color:var(--ink);background:#fff;font-weight:900;cursor:pointer}.count-choice.active{border-color:#7564a5;color:#fff;background:#7564a5}.local-name-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.local-name-list label{display:grid;gap:.3rem;font-size:.72rem;font-weight:800}.local-name-list input{width:100%;min-height:46px;padding:.65rem .8rem;border:2px solid #d7d5cc;border-radius:12px;background:#fff}.join-grid{width:min(1100px,90vw);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.action-card{min-height:120px;padding:1.2rem;border:0;border-radius:22px;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;text-align:left;color:#fff;cursor:pointer}.action-card.host{background:var(--coral-dark)}.action-card.solo{background:#7564a5}.action-card.search{background:var(--green)}.action-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#ffffff2b;font-size:1.6rem}.action-card b{display:block;font:800 1.2rem ui-rounded}.action-card small{display:block;margin-top:.3rem;color:#fffdf7}.arrow{font-size:1.5rem}.travel-note{width:min(900px,90vw);margin:1.4rem auto 0;padding:1rem 1.2rem;border:1px dashed #c9ba91;border-radius:16px;display:flex;gap:1rem;align-items:center;color:#665f4d;background:#f1ead6}.travel-note span{font-size:1.7rem}.travel-note p{margin:0;font-size:.84rem}.resume-card{width:min(900px,90vw);margin:1rem auto;padding:1.2rem 1.4rem;border:2px solid #b9aa7c;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f3ecd6}.resume-card h2{margin:.15rem 0 .35rem;font-size:1.45rem}.resume-card p:last-child{margin:0;color:#605c4d}.resume-actions{display:flex;align-items:center;gap:.65rem;flex:0 0 auto}.lobby-shell{min-height:100vh;background:#f4f1e8}.light-nav{color:var(--ink);background:transparent;border-bottom:1px solid var(--line)}.light-nav .icon-button{border-color:#d2cec2;background:#fff}.connection-ok{display:flex;gap:.4rem;align-items:center;color:#397153;font-size:.72rem;text-transform:uppercase}.connection-ok i{width:9px;height:9px;border-radius:50%;background:#59a574;box-shadow:0 0 0 4px #d5eadb}.lobby-content{width:min(680px,90vw);margin:0 auto;padding:3rem 0 5rem}.lobby-title{text-align:center}.lobby-title h1{margin-bottom:.5rem;font-size:clamp(2.2rem,6vw,3.5rem)}.lobby-title>p:last-child{color:#6b766e}.room-code-card{margin:1.5rem 0 1rem;padding:1.2rem;border-radius:20px;display:grid;text-align:center;color:#fff;background:#2e6048}.room-code-card span{font-size:.67rem;letter-spacing:.15em;font-weight:900;opacity:.7}.room-code-card b{margin:.25rem 0;font:800 1.35rem ui-rounded}.room-code-card small{opacity:.75}.lobby-bot-setup{margin:0 0 1rem;padding:1rem;border:1px solid #d8d2c4;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fffdf8}.lobby-bot-setup b,.lobby-bot-setup small{display:block}.lobby-bot-setup small{max-width:390px;margin-top:.2rem;color:#657067;line-height:1.35}.lobby-bot-picker{display:flex;gap:.35rem;flex:0 0 auto}.lobby-bot-picker .count-choice{width:42px;height:42px}.player-list{display:grid;gap:.6rem}.player-row{min-height:68px;padding:.65rem .9rem;border:1px solid #dcd8cc;border-radius:17px;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;background:var(--paper)}.player-row.bot{border-color:#c8bedf;background:#f5f0ff}.player-row.empty{color:#97978f;border-style:dashed;background:transparent}.player-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#e9e3d7;font-size:1.4rem}.player-row b,.player-row small{display:block}.player-row small{margin-top:.1rem;color:#667069;font-size:.7rem}.bot-mark{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#5b4b85;background:#e3dbf4}.ready-mark{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5a9c71}.simulator-box{margin:1rem 0;padding:1rem;border:1px dashed #a69b7c;border-radius:17px;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#eee8d8}.simulator-box b,.simulator-box small{display:block}.simulator-box small{margin-top:.2rem;color:#716d60}.start-button{width:100%;margin-top:.5rem;display:flex;justify-content:space-between;align-items:center}.start-hint{text-align:center;color:#787e78;font-size:.8rem}.resume-status{margin:1rem 0;padding:.9rem 1rem;border:1px solid #b9aa7c;border-radius:15px;color:#4f4b3d;background:#f3ecd6}.resume-status p{margin:.25rem 0 0}.search-content{text-align:center}.radar{width:115px;height:115px;margin:0 auto 1.2rem;border:2px solid #8db9a0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#2f6c50;box-shadow:0 0 0 18px #d9e9dc,0 0 0 36px #e8eee6}.radar span{font-size:3rem}.found-rooms{display:grid;gap:.7rem;margin:2rem 0 1rem;text-align:left}.found-room{width:100%;min-height:78px;padding:.8rem;border:2px solid #d6d3c8;border-radius:18px;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;text-align:left;background:#fff;cursor:pointer}.found-room:hover{border-color:var(--green)}.found-room b,.found-room small{display:block}.found-room small{color:#80877f}.found-room>:last-child{color:var(--green);font-weight:900}.room-host-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#e6e0d4;font-size:1.5rem}.empty-search{text-align:center;color:#83877f}.text-button{min-height:44px;border:0;padding:.7rem;color:var(--green);background:transparent;text-decoration:underline;font-weight:800;cursor:pointer}.joined-banner{margin-top:1rem;padding:1rem;border-radius:15px;color:#295940;background:#d9ecde}.dialog-backdrop{position:fixed;z-index:50;inset:0;padding:1rem;display:grid;place-items:center;background:#16281fb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.verify-dialog,.result-dialog,.handoff-dialog{width:min(430px,94vw);padding:2rem;border-radius:28px;text-align:center;background:var(--paper);box-shadow:0 25px 80px #0000004d}.verify-avatar,.winner-avatar{width:72px;height:72px;margin:0 auto 1rem;display:grid;place-items:center;border-radius:22px;background:#e9e3d7;font-size:2.5rem}.verify-dialog h2,.result-dialog h2{font-size:2rem}.verify-dialog>p:not(.eyebrow),.result-dialog>p:not(.eyebrow){color:#69736c}.verification-code{margin:.8rem 0;font:800 3.3rem/1.2 ui-rounded;letter-spacing:.22em;color:var(--green)}.dialog-actions{margin-top:1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.confetti{margin-bottom:1rem;color:var(--coral);letter-spacing:.8rem}.handoff-dialog>p:not(.eyebrow){color:#69736c}.handoff-dialog .primary-button{width:100%;margin-top:1rem}.ranking-list{margin-top:1.2rem;padding:1rem;border-radius:16px;text-align:left;background:#eee9dc}.ranking-list>b{display:block;margin-bottom:.55rem;text-align:center;text-transform:uppercase;font-size:.68rem;letter-spacing:.1em;color:#6c6e67}.ranking-list ol{margin:0;padding-left:1.8rem;display:grid;gap:.35rem}.ranking-list li{padding:.35rem .55rem;border-radius:10px;background:#ffffffa8}.ranking-list li span{margin-right:.55rem}.board-shell{min-height:100vh;padding-bottom:270px;background:#e9e6da}.session-waiting{display:grid;min-height:100vh;place-content:center;padding:2rem}.session-alert{background:#fff0bd;color:#5e4100;font-weight:800;padding:.8rem 1rem;display:flex;justify-content:center;align-items:center;gap:1rem;text-align:center}.session-alert .secondary-button{min-height:44px;flex:0 0 auto}.board-header{min-height:76px;padding:max(.7rem,env(safe-area-inset-top)) 2vw .7rem;display:grid;grid-template-columns:minmax(48px,1fr) minmax(0,680px) minmax(48px,1fr);align-items:center;color:#fff;background:#244d3b}.turn-summary{min-width:0;display:flex;align-items:center;justify-content:center;gap:1rem}.turn-banner{display:flex;gap:.7rem;align-items:center}.turn-banner>span:last-child,.last-action>span:last-child{min-width:0}.turn-banner small,.turn-banner b{display:block}.turn-banner small{color:#b9d6c3;font-size:.63rem;letter-spacing:.13em}.turn-banner b,.last-action b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.turn-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#ffffff24;font-size:1.5rem}.last-action{min-width:0;padding-left:1rem;border-left:1px solid rgba(255,255,255,.22);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem}.last-action small,.last-action b{display:block}.last-action small{color:#f2c879;font-size:.58rem;letter-spacing:.11em}.last-action b{max-width:280px;font-size:.76rem}.last-action-symbol{width:32px;height:32px;padding:.3rem;border-radius:9px;display:grid;place-items:center;color:#305e49;background:#fffdf7;font-weight:900}.last-action-symbol.suit-oros{color:#b27618}.last-action-symbol.suit-copas{color:#bc4d4d}.last-action-symbol.suit-espadas{color:#3e6a77}.last-action-symbol.suit-bastos{color:#47704f}.revision-pill{justify-self:end;padding:.4rem .6rem;border-radius:999px;background:#00000026;font-size:.7rem}.opponents{padding:.75rem 3vw;display:flex;justify-content:center;gap:.5rem;background:#315f49}.opponent{min-width:115px;padding:.4rem .6rem;border:2px solid transparent;border-radius:13px;display:grid;grid-template-columns:auto 1fr;column-gap:.4rem;color:#d8e8dc;background:#00000021}.opponent>span{grid-row:1 / 3;font-size:1.35rem}.opponent b,.opponent small{min-width:0;overflow-wrap:anywhere}.opponent b{font-size:.76rem}.opponent small{font-size:.63rem;opacity:.75}.opponent.active{border-color:#f2b758;background:#00000045}.opponent.viewing:after{content:attr(data-viewing);margin-left:auto;color:#f3c66c;font-size:.55rem}.table-board{width:min(1100px,96vw);margin:1rem auto;display:grid;gap:.55rem}.suit-lane{padding:.55rem;border-radius:18px;display:grid;grid-template-columns:85px 1fr;align-items:center;background:#ffffff75}.suit-lane.is-drop-lane{outline:3px solid #f0ad42;background:#fff3cf;box-shadow:0 8px 22px #52401929}.suit-heading{display:grid;justify-items:center;text-transform:uppercase;font-size:.67rem}.suit-heading>svg{width:1.7rem;height:1.7rem}.lane-oros .suit-heading{color:#b27618}.lane-copas .suit-heading{color:#bc4d4d}.lane-espadas .suit-heading{color:#3e6a77}.lane-bastos .suit-heading{color:#47704f}.card-track{min-width:0;display:grid;grid-template-columns:repeat(10,minmax(30px,1fr));gap:.28rem}.card-slot{aspect-ratio:.72;max-height:82px;border:1px dashed #bcb9af;border-radius:8px;display:grid;place-items:center;color:#aaa79f;background:#fff3}.card-slot.five-slot{border-width:2px;border-color:#9f9a8a}.card-slot.is-drop-target{border:3px solid #e99a24;color:#8b5810;background:#ffe2a8;box-shadow:0 0 0 4px #ffc65d61}.playing-card{position:relative;width:76px;aspect-ratio:.72;padding:.35rem;border:2px solid #ded9cd;border-radius:12px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;color:#8e681c;background:#fffdf7;box-shadow:0 5px 10px #1c2a2226;transition:transform .15s,box-shadow .15s}.playing-card:disabled{opacity:1}.playing-card.is-compact{width:100%;max-width:58px;border-width:1px;border-radius:8px;box-shadow:0 3px 6px #1c2a221f}.playing-card .card-rank{justify-self:start;font:800 1.15rem/1 ui-rounded}.playing-card .card-suit{width:2rem;height:2rem;align-self:center;font-size:2rem}.playing-card .card-name{font-size:.48rem;text-transform:uppercase;font-weight:900}.playing-card.suit-copas{color:#b64e4e}.playing-card.suit-espadas{color:#426778}.playing-card.suit-bastos{color:#477050}.playing-card.is-playable{cursor:pointer;border-color:#f1ac43;box-shadow:0 0 0 4px #ffe2a8,0 9px 16px #25352d33;transform:translateY(-9px)}.playing-card.is-playable:hover,.playing-card.is-selected{transform:translateY(-16px) rotate(-2deg);box-shadow:0 0 0 5px #ffc65d,0 15px 25px #25352d40}.playing-card.is-playable{touch-action:pan-x;user-select:none;-webkit-user-select:none}.playing-card.is-dragging{opacity:.25;transform:translateY(-9px) scale(.94);pointer-events:none}.drag-preview{position:fixed;z-index:80;transform:translate(-50%,-62%) rotate(-4deg) scale(1.08);pointer-events:none;filter:drop-shadow(0 18px 18px rgba(22,35,28,.35))}.drag-preview .playing-card{opacity:.96}.hand-zone{position:fixed;z-index:20;left:0;right:0;bottom:0;padding:.75rem 3vw calc(.8rem + env(safe-area-inset-bottom));border-top:3px solid #d0c7b4;background:#f8f4e9;box-shadow:0 -12px 30px #25352d1f}.hand-heading{display:flex;justify-content:space-between;align-items:center}.hand-heading small{color:#a75f4f;font-size:.64rem;font-weight:900;letter-spacing:.1em}.hand-heading h2{margin:.1rem 0 .4rem;font-size:1.25rem}.device-switcher{display:flex;align-items:center;gap:.45rem;font-size:.68rem;color:#6f766f}.device-switcher select{padding:.38rem .5rem;border:1px solid #cbc7bc;border-radius:8px;background:#fff;font-weight:800}.hand-cards{min-height:115px;display:flex;gap:.35rem;align-items:end;overflow-x:auto;padding:1rem .4rem .3rem}.hand-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hand-actions p{margin:0;color:#646d66;font-size:.72rem}.pass-button{min-height:44px;padding:.45rem .9rem;background:#e1ddd2;border:1px solid #c3beb2}.toast{position:fixed;z-index:60;left:50%;bottom:280px;min-height:44px;transform:translate(-50%);padding:.7rem 1rem;border:0;border-radius:999px;color:#fff;background:#25352d;box-shadow:var(--shadow)}.error-toast{bottom:1rem;background:#a63f36}.diagnostic-error-toast{bottom:max(5.5rem,calc(1rem + env(safe-area-inset-bottom)));width:min(540px,calc(100vw - 2rem));display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-radius:20px}.diagnostics-share-button{min-height:44px;flex:0 0 auto;border:1px solid rgba(255,255,255,.65);border-radius:12px;padding:.55rem .75rem;color:#fff;background:#ffffff1f;font-weight:900;cursor:pointer}@media(max-width:820px){.diagnostic-error-toast{align-items:stretch;flex-direction:column}.diagnostics-share-button{width:100%}.game-grid{grid-template-columns:1fr}.game-card{min-height:330px}.detail-hero{grid-template-columns:120px 1fr;gap:1.3rem}.five-card{width:110px;border-width:5px}.five-card b{font-size:3.4rem}.setup-card{grid-template-columns:minmax(0,1fr);gap:1rem}.local-setup-heading,.local-player-options,.join-grid{grid-template-columns:minmax(0,1fr)}.resume-card{align-items:stretch;flex-direction:column}.resume-actions{align-items:stretch;flex-direction:column-reverse}.session-alert{align-items:stretch;flex-direction:column}.suit-lane{grid-template-columns:55px 1fr}.suit-heading b{display:none}.board-shell{padding-bottom:260px}}@media(max-width:560px){input,select,textarea{font-size:16px}.hero{min-height:360px}.catalog-section{width:92vw}.section-heading{align-items:center}.detail-hero{padding:2rem 5vw;grid-template-columns:90px 1fr}.detail-hero h1{font-size:2.8rem}.detail-hero>div>p:not(.eyebrow){font-size:.82rem}.five-card{width:82px}.five-card b{font-size:2.6rem}.five-card>svg{width:1.5rem;height:1.5rem}.five-card small{font-size:.5rem}.setup-card,.join-grid,.travel-note,.resume-card{width:92vw}.local-setup-card{width:92vw;padding:1rem}.lobby-bot-setup{align-items:stretch;flex-direction:column}.lobby-bot-picker{justify-content:center}.local-mode-picker,.local-name-list{grid-template-columns:minmax(0,1fr)}.simulator-box{align-items:stretch;flex-direction:column}.top-nav{padding-inline:3vw}.top-nav>span:nth-child(2){font-size:.85rem}.offline-dot,.connection-ok{font-size:.55rem}.nav-tools>.offline-dot,.nav-tools>.connection-ok{display:none}.language-selector>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.language-selector select{min-height:44px;max-width:132px;padding-left:.4rem;font-size:16px}.opponents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.opponent{min-width:0}.revision-pill{display:none}.board-header{grid-template-columns:50px minmax(0,1fr)}.turn-summary{padding-right:.3rem;display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:.35rem}.turn-banner{min-width:0;gap:.45rem}.turn-avatar{width:38px;height:38px;border-radius:12px;font-size:1.2rem}.last-action{max-width:none;padding:.35rem 0 0;border-top:1px solid rgba(255,255,255,.22);border-left:0;gap:.35rem}.last-action-symbol{width:27px;height:27px;padding:.27rem}.last-action small{font-size:.48rem}.last-action b{max-width:none;font-size:.65rem}.suit-lane{padding:.35rem;grid-template-columns:34px 1fr}.suit-heading>svg{width:1.15rem;height:1.15rem}.card-track{grid-template-columns:repeat(10,minmax(0,1fr));gap:.12rem}.card-slot{border-radius:4px}.card-slot small{font-size:.5rem}.playing-card.is-compact{border-radius:5px;padding:.14rem}.playing-card.is-compact .card-rank{font-size:.7rem}.playing-card.is-compact .card-suit{width:1rem;height:1rem;font-size:1rem}.playing-card.is-compact .card-name{display:none}.hand-heading{align-items:start}.device-switcher{align-items:end;flex-direction:column}.device-switcher{font-size:.55rem}.hand-cards{min-height:108px}.playing-card{width:67px}.hand-actions p{max-width:55%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(forced-colors:active){button,input,select,.playing-card,.card-slot{forced-color-adjust:auto}.playing-card.is-playable,.mode-choice.active,.count-choice.active{outline:2px solid ButtonText}}.fatal-error{min-height:100vh;padding:2rem;display:grid;place-content:center;justify-items:center;text-align:center;color:#fff;background:#244d3b}.fatal-error h1{margin:1.5rem 0 .5rem;font-size:clamp(2rem,7vw,3.5rem)}.fatal-error p{max-width:34rem;color:#dce9df}.fatal-error .diagnostics-share-control{margin-top:.8rem}.clock-detail-shell{min-height:100vh;color:#272437;background:#eeeaf4}.clock-top-nav{position:relative;z-index:3;background:#3b315d}.clock-detail-hero{position:relative;min-height:500px;overflow:hidden;display:grid;align-items:end;color:#fff;background:#241f35}.clock-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#191426eb,#191426a8 42%,#19142614 78%),linear-gradient(0deg,rgba(25,20,38,.7),transparent 55%)}.clock-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.clock-detail-hero-copy{position:relative;z-index:1;width:min(1180px,90vw);margin:0 auto;padding:4.5rem 0}.clock-detail-hero-copy>p:not(.eyebrow){max-width:620px;color:#f0eafa;font-size:1.05rem;line-height:1.65}.clock-detail-hero-copy h1{max-width:760px;margin:.25rem 0 .8rem;font-size:clamp(3rem,7vw,5.8rem);line-height:.94}.clock-detail-content{width:min(1180px,92vw);margin:-1.5rem auto 0;padding-bottom:5rem;position:relative;z-index:2}.clock-mode-banner{padding:1.1rem 1.3rem;border:1px solid rgba(255,255,255,.7);border-radius:22px;display:flex;align-items:center;gap:1rem;color:#4c426d;background:#fffdf8;box-shadow:0 16px 45px #2d234a29}.clock-mode-banner>span{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:#7564a5;font-size:1.8rem}.clock-mode-banner b,.clock-offline-note b{display:block;font:800 1.15rem ui-rounded}.clock-mode-banner p,.clock-offline-note p{margin:.25rem 0 0;color:#706985}.clock-role-setup{margin-top:1.2rem;padding:1.5rem;border-radius:28px;background:#fffdf8;box-shadow:0 15px 40px #2f26471a}.clock-section-heading{max-width:720px}.clock-section-heading h2,.clock-how-section h2{margin:.25rem 0 .5rem;font-size:clamp(1.8rem,4vw,2.6rem)}.clock-section-heading>p:last-child{margin-top:0;color:#716b7d}.clock-role-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.clock-role-card{min-height:245px;padding:1rem;border:2px solid #ddd6e8;border-radius:21px;display:flex;flex-direction:column;gap:.8rem;background:#f7f4fb}.clock-role-card.role-past{border-color:#e3aa5d;background:#fff3d7}.clock-role-card.role-present{border-color:#77aeb0;background:#e5f2f0}.clock-role-card.role-future{border-color:#8d79b5;background:#eee7f8}.clock-role-symbol{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:#fff;background:#7564a5;font-size:1.6rem;box-shadow:inset 0 0 0 1px #ffffff40}.role-past .clock-role-symbol{background:#c98035}.role-present .clock-role-symbol{background:#4f8f91}.role-future .clock-role-symbol{background:#65508e}.clock-role-card b,.clock-role-card small{display:block}.clock-role-card b{font:800 1.25rem ui-rounded}.clock-role-card small{margin-top:.2rem;min-height:2.2em;color:#716b78}.clock-role-card label{margin-top:auto;display:grid;gap:.35rem;font-size:.72rem;font-weight:800}.clock-role-card input{width:100%;min-height:48px;padding:.7rem .8rem;border:2px solid rgba(62,52,83,.18);border-radius:13px;color:#272437;background:#fff}.avatar-list.compact{gap:.3rem;flex-wrap:wrap}.avatar-list.compact .avatar-choice{width:42px;height:42px;font-size:1.15rem}.clock-start-button{width:100%;min-height:58px;margin-top:1rem;display:flex;align-items:center;justify-content:space-between;background:#65508e}.clock-start-button:disabled{cursor:not-allowed;opacity:.45}.clock-how-section{margin-top:1.2rem;padding:1.5rem}.clock-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.clock-how-grid article{padding:1rem;border:1px solid #d9d1e4;border-radius:19px;display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;background:#ffffffa3}.clock-how-grid span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:#7564a5;font-weight:900}.clock-how-grid p{margin:.2rem 0 0;color:#5f596b;line-height:1.5}.clock-offline-note{margin-top:.5rem;padding:1.1rem 1.3rem;border:1px dashed #9687b3;border-radius:20px;display:flex;gap:1rem;align-items:center;color:#4d4267;background:#e8e0f2}.clock-offline-note>span{font-size:1.8rem}.clock-board-shell{--epoch-accent: #7564a5;--epoch-dark: #352c52;min-height:100vh;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));color:#292536;background:#e8e2ef}.clock-board-shell.epoch-past{--epoch-accent: #c37931;--epoch-dark: #69411f;background:#efe3ca}.clock-board-shell.epoch-present{--epoch-accent: #4d898c;--epoch-dark: #27575a;background:#dceae7}.clock-board-shell.epoch-future{--epoch-accent: #71599d;--epoch-dark: #382b57;background:#ddd5e9}.clock-board-header{min-height:78px;padding:max(.75rem,env(safe-area-inset-top)) 2.5vw .75rem;display:grid;grid-template-columns:minmax(48px,1fr) minmax(220px,2fr) minmax(260px,1fr);align-items:center;color:#fff;background:var(--epoch-dark);box-shadow:0 8px 28px #1f182b33}.clock-turn-heading{text-align:center}.clock-turn-heading small,.clock-turn-heading b{display:block}.clock-turn-heading small{color:#d8cdec;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.clock-turn-heading b{margin-top:.2rem;font:800 1.2rem ui-rounded}.clock-board-metrics{justify-self:end;display:flex;gap:.5rem}.clock-board-metrics>span{min-width:96px;padding:.45rem .7rem;border-radius:13px;display:grid;text-align:center;background:#ffffff1f}.clock-board-metrics small,.clock-board-metrics b{display:block}.clock-board-metrics small{color:#ddd3eb;font-size:.55rem;text-transform:uppercase}.clock-board-metrics b{margin-top:.12rem;font:800 1rem ui-rounded}.clock-event-banner{min-height:44px;padding:.65rem 1rem;display:flex;justify-content:center;align-items:center;gap:.65rem;text-align:center;color:#fff;background:var(--epoch-accent);font-size:.78rem;font-weight:800}.clock-event-banner span{font-size:1.2rem}.clock-game-layout{width:min(1450px,96vw);margin:1.2rem auto 0;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(310px,.72fr);gap:1rem;align-items:start}.clock-room-column{min-width:0}.clock-era-heading{min-height:63px;padding:.55rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.clock-era-heading>div{display:flex;align-items:center;gap:.75rem}.clock-era-heading>div>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--epoch-accent);font-size:1.45rem}.clock-era-heading h1{margin:0;font-size:1.55rem}.clock-era-heading p{margin:.05rem 0 0;color:#716a78;font-size:.72rem}.clock-revision{padding:.35rem .55rem;border-radius:999px;color:#fff;background:var(--epoch-accent);font-size:.65rem;font-weight:900}.clock-room{position:relative;width:100%;aspect-ratio:4 / 3;margin:0;overflow:hidden;border:4px solid rgba(255,255,255,.75);border-radius:28px;background:#211b2e;box-shadow:0 20px 55px #241c3338}.clock-room>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.clock-room:after{content:"";position:absolute;pointer-events:none;inset:0;box-shadow:inset 0 0 80px #140f1e2e}.clock-hotspot{position:absolute;z-index:5;width:clamp(44px,5vw,58px);height:clamp(44px,5vw,58px);transform:translate(-50%,-50%);border:2px solid #fff7bf;border-radius:50%;display:grid;place-items:end;color:#fff;background:#ffffff0d;box-shadow:0 0 0 4px #fff1aa29,0 0 18px 5px #ffdb6957;cursor:pointer;animation:clock-pulse 1.7s ease-in-out infinite}.clock-hotspot>span{width:22px;height:22px;margin:-4px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--epoch-accent) 82%,transparent);font-size:.88rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.clock-hotspot.selected{outline:2px solid white;box-shadow:0 0 0 6px color-mix(in srgb,var(--epoch-accent) 55%,transparent),0 0 24px 8px #ffdb696b}.clock-room-effect{position:absolute;z-index:3;pointer-events:none;display:grid;place-items:center;color:#fff1aa;text-shadow:0 0 15px currentColor}.gear-clue-effect{left:42%;top:25%;padding:.25rem .5rem;border-radius:999px;background:#221636b8;font-size:clamp(.7rem,2vw,1.4rem);letter-spacing:.25em}.gears-effect{left:46%;top:38%;font-size:clamp(2rem,5vw,4rem);color:#f1bb5b;animation:clock-spin 9s linear infinite}.clock-room-hint{margin:.7rem 0 0;text-align:center;color:#625b69;font-size:.78rem;font-weight:800}.clock-side-panel{display:grid;gap:.8rem}.clock-side-panel>section{padding:1rem;border:1px solid rgba(77,62,101,.12);border-radius:20px;background:#fffdf8e6;box-shadow:0 10px 28px #34284914}.clock-object-panel{display:grid;grid-template-columns:auto 1fr;gap:.8rem}.clock-action-backdrop{z-index:55;background:#191424c2}.clock-object-dialog{position:relative;width:min(540px,94vw);max-height:min(760px,92dvh);padding:1.35rem;overflow-y:auto;border-radius:26px;color:#332c3e;background:#fffdf8;box-shadow:0 25px 90px #00000061}.clock-object-preview{position:relative;grid-column:1 / -1;height:clamp(155px,24vh,205px);margin:-.65rem -.65rem .25rem;overflow:hidden;border-radius:20px;background-color:#241c2f;background-repeat:no-repeat;box-shadow:inset 0 0 45px #18112138}.clock-object-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(26,19,36,.62));pointer-events:none}.clock-object-preview>span{position:absolute;z-index:1;left:.75rem;bottom:.65rem;padding:.3rem .55rem;border-radius:999px;color:#fff;background:#22192fc2;font-size:.66rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.clock-object-close{position:absolute;z-index:1;top:.75rem;right:.75rem;width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;color:#4c4553;background:#eee9f1;font-size:1.5rem;cursor:pointer}.clock-object-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--epoch-accent);font-size:1.5rem}.clock-object-panel h2,.clock-journal h2,.clock-inventory h2{margin:.15rem 0 .35rem;font-size:1.15rem}.clock-object-copy{padding-right:2.8rem}.clock-object-copy>p:last-child{margin:0;color:#6e6873;font-size:.78rem;line-height:1.5}.clock-object-action,.clock-choice-grid{grid-column:1 / -1}.clock-object-action{width:100%;margin-top:.25rem;background:var(--epoch-accent)}.clock-object-placeholder{min-height:125px;display:grid;place-content:center;justify-items:center;text-align:center;color:#777080}.clock-object-placeholder span{font-size:2rem}.clock-object-placeholder p{max-width:220px;margin:.4rem 0 0;font-size:.78rem}.clock-choice-grid{display:grid;gap:.45rem}.clock-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.clock-choice-grid button{min-height:48px;padding:.55rem .65rem;border:2px solid #d7cfe1;border-radius:13px;display:grid;place-items:center;gap:.2rem;color:#3a3248;background:#f4eff8;font-weight:800;cursor:pointer}.clock-choice-grid button:hover,.clock-choice-grid button:focus-visible{border-color:var(--epoch-accent);background:#fff}.clock-choice-grid button span{font-size:1.35rem}.clock-journal ul{margin:.6rem 0 0;padding:0;display:grid;gap:.5rem;list-style:none}.clock-journal li{padding:.65rem;border-left:4px solid var(--epoch-accent);border-radius:10px;display:grid;grid-template-columns:auto 1fr;gap:.5rem;color:#514a59;background:#f0ebf4;font-size:.74rem;line-height:1.45}.clock-journal li span{color:var(--epoch-accent)}.clock-journal>p,.clock-inventory>p{margin:.4rem 0 0;color:#79727d;font-size:.74rem}.clock-inventory>div{display:flex;flex-wrap:wrap;gap:.4rem}.clock-inventory>div>span{padding:.4rem .55rem;border-radius:10px;display:inline-flex;gap:.35rem;align-items:center;color:#51495c;background:#ece6f1;font-size:.7rem;font-weight:800}.clock-inventory i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--epoch-accent);font-style:normal}.clock-command-disclosure{grid-column:1 / -1;margin-top:.25rem;padding-top:.8rem;border-top:1px solid #ddd5e2}.clock-command-disclosure summary{min-height:44px;display:flex;align-items:center;color:#62586e;font-size:.75rem;font-weight:850;cursor:pointer}.clock-command-disclosure summary:before{content:"▸";margin-right:.45rem;color:var(--epoch-accent);font-size:1rem;transition:transform .18s ease}.clock-command-disclosure[open] summary:before{transform:rotate(90deg)}.clock-command-form{display:grid;gap:.45rem}.clock-command-form>label{font-size:.72rem;font-weight:900}.clock-command-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem}.clock-command-form input{min-width:0;min-height:46px;padding:.6rem .7rem;border:2px solid #d4ccd9;border-radius:12px}.clock-command-form button{min-height:46px;padding:.55rem .7rem;border:0;border-radius:12px;color:#fff;background:var(--epoch-accent);font-weight:800;cursor:pointer}.clock-command-form button:disabled{opacity:.42;cursor:not-allowed}.clock-command-form small{color:#77717d;line-height:1.4}.clock-object-feedback{grid-column:1 / -1;margin:0;padding:.7rem .8rem;border-radius:12px;color:#6b3525;background:#fff0dc;font-size:.75rem;font-weight:850;line-height:1.45}.clock-feedback{min-height:1.4rem;margin:.8rem auto 0;padding:0 1rem;text-align:center;color:var(--epoch-dark);font-size:.78rem;font-weight:900}.clock-handoff-backdrop{background:#191424eb}.clock-handoff-dialog,.clock-turn-summary-dialog,.clock-result-dialog{width:min(500px,94vw);padding:2rem;border-radius:30px;text-align:center;background:#fffdf8;box-shadow:0 25px 90px #00000061}.clock-handoff-icon,.clock-result-icon{width:82px;height:82px;margin:0 auto 1rem;border-radius:25px;display:grid;place-items:center;color:#fff;background:#7564a5;font-size:2.8rem;box-shadow:0 10px 25px #4c397040}.clock-handoff-dialog.role-past .clock-handoff-icon{background:#c37931}.clock-handoff-dialog.role-present .clock-handoff-icon{background:#4d898c}.clock-handoff-dialog.role-future .clock-handoff-icon{background:#71599d}.clock-handoff-dialog h1,.clock-turn-summary-dialog h1,.clock-result-dialog h2{margin:.35rem 0 .65rem;font-size:clamp(1.8rem,5vw,2.5rem)}.clock-handoff-dialog>p:not(.eyebrow),.clock-turn-summary-dialog>p:not(.eyebrow),.clock-result-dialog>p:not(.eyebrow){color:#6d6675;line-height:1.55}.clock-handoff-dialog .primary-button,.clock-turn-summary-dialog .primary-button{width:100%;min-height:54px;margin-top:1rem;background:#65508e}.clock-turn-summary-dialog{width:min(560px,94vw);max-height:94dvh;padding:1.25rem;overflow-y:auto}.clock-turn-summary-dialog h1{margin-bottom:.45rem;font-size:clamp(1.65rem,4.5vw,2.2rem)}.clock-summary-share{margin:0 0 .7rem;padding:.55rem .75rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#40364d!important;background:#eee8f7;font-size:.82rem;font-weight:850}.clock-summary-share span{font-size:1.1rem}.clock-summary-preview{position:relative;width:100%;height:clamp(170px,25vh,220px);overflow:hidden;border-radius:18px;background-color:#241c2f;background-repeat:no-repeat;box-shadow:inset 0 0 55px #130d1d4d,0 10px 25px #34284929}.clock-summary-mark{position:absolute;inset:50% auto auto 50%;min-width:70px;padding:.4rem .65rem;border:2px solid rgba(255,255,255,.8);border-radius:999px;transform:translate(-50%,-50%);color:#fff5bf;background:#271a37c2;box-shadow:0 0 28px #ffdc68a6;font-size:clamp(1.45rem,6vw,2.4rem);font-weight:900;letter-spacing:.12em;text-shadow:0 0 12px currentColor}.clock-summary-event{margin:.7rem 0 0;display:flex;gap:.65rem;align-items:center;padding:.72rem .85rem;border-radius:14px;text-align:left;background:#f1ecfa;color:#352b48!important;font-weight:800}.clock-summary-clues{margin-top:.65rem;padding:.72rem .85rem;border:2px solid #d5c6ef;border-radius:14px;text-align:left}.clock-summary-clues h2{margin:0 0 .45rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#65508e}.clock-summary-clues p{margin:0;color:#352b48;font-size:1rem;font-weight:750;line-height:1.4}.clock-result-scene{width:calc(100% + 1.2rem);aspect-ratio:4 / 3;margin:-1.4rem -.6rem 1rem;border-radius:22px;display:block;object-fit:cover;box-shadow:0 12px 28px #2c203e33}.clock-result-dialog .primary-button{background:#65508e}@keyframes clock-pulse{0%,to{transform:translate(-50%,-50%) scale(.92)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes clock-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.clock-detail-hero{min-height:440px}.clock-role-grid,.clock-how-grid{grid-template-columns:1fr}.clock-role-card{min-height:0}.clock-game-layout{width:94vw;grid-template-columns:1fr}.clock-side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.clock-object-placeholder{grid-column:1 / -1}.clock-action-backdrop{padding:0;place-items:end center}.clock-object-dialog{width:100%;max-height:88dvh;padding:1.25rem max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));border-radius:26px 26px 0 0}}@media(max-width:620px){.clock-detail-hero{min-height:430px}.clock-detail-hero:after{background:linear-gradient(0deg,#191426f0,#19142694 68%,#19142626)}.clock-detail-hero-copy{width:92vw;padding:2.5rem 0}.clock-detail-hero-copy h1{font-size:3.2rem}.clock-detail-hero-copy>p:not(.eyebrow){font-size:.88rem}.clock-detail-content{width:94vw}.clock-mode-banner,.clock-offline-note{align-items:flex-start}.clock-role-setup,.clock-how-section{padding:1rem}.clock-board-header{padding-inline:3vw;grid-template-columns:44px minmax(0,1fr)}.clock-board-metrics{grid-column:1 / -1;width:100%;margin-top:.45rem;justify-content:center}.clock-board-metrics>span{flex:1 1 0}.clock-turn-heading{text-align:left}.clock-game-layout{margin-top:.5rem}.clock-era-heading{padding-inline:.25rem}.clock-era-heading p{max-width:220px}.clock-room{border-width:2px;border-radius:19px}.clock-side-panel{grid-template-columns:1fr}.clock-object-placeholder{grid-column:auto}.clock-choice-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.clock-choice-grid button{padding-inline:.35rem;font-size:.68rem}.clock-command-form>div{grid-template-columns:1fr}.clock-handoff-dialog,.clock-result-dialog{padding:1.5rem}.clock-turn-summary-dialog{padding:1rem}.clock-summary-preview{height:clamp(160px,24vh,200px)}.clock-handoff-icon,.clock-result-icon{width:68px;height:68px;font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.clock-hotspot,.gears-effect{animation:none!important}}@media(forced-colors:active){.clock-hotspot{forced-color-adjust:auto;outline:3px solid ButtonText}.clock-room-effect{forced-color-adjust:auto}}.tone-navy .game-icon{background:linear-gradient(145deg,#0d7287,#083854)}.naval-detail-shell{min-height:100vh;padding-bottom:max(4rem,env(safe-area-inset-bottom));color:#102c3e;background:#e7f0ef}.naval-nav{background:#071f36}.naval-detail-hero{min-height:520px;padding:3.5rem max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:3rem;align-items:center;color:#fff;background:radial-gradient(circle at 18% 14%,rgba(69,204,194,.17),transparent 32%),linear-gradient(135deg,#07162d,#0b3f59 58%,#0c6572)}.naval-hero-copy h1{max-width:690px;margin:.25rem 0 .8rem;font-size:clamp(3rem,6.7vw,5.8rem)}.naval-hero-copy>p:not(.eyebrow){max-width:620px;color:#d9edef;font-size:1.03rem;line-height:1.65}.naval-fleet-illustration{width:100%;overflow:visible;border-radius:34px;filter:drop-shadow(0 25px 38px rgba(0,0,0,.28))}.naval-svg-treasure{animation:naval-float 3.2s ease-in-out infinite;transform-origin:center}.naval-svg-sparkles{animation:naval-sparkle 2.4s ease-in-out infinite;transform-origin:center}.naval-rules-card,.naval-setup-card,.naval-nearby-card,.naval-resume-card{width:min(1120px,92vw);margin:1.2rem auto;padding:1.5rem;border:1px solid rgba(16,44,62,.11);border-radius:28px;background:#ffffffe0;box-shadow:0 16px 45px #0a394817}.naval-rules-card{margin-top:-2rem;position:relative;z-index:2;display:grid;grid-template-columns:.55fr 1.45fr;gap:1.2rem}.naval-rules-card h2,.naval-setup-card h2,.naval-nearby-card h2{margin:.2rem 0;font-size:clamp(1.55rem,3vw,2.2rem)}.naval-rules-card ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;list-style:none}.naval-rules-card li{min-height:128px;padding:.85rem;border-radius:18px;display:grid;align-content:start;gap:.55rem;color:#244657;background:#dcebea;line-height:1.45}.naval-rules-card li b{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#08283d;background:#87d7ca}.naval-setup-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem 1.4rem}.naval-setup-heading{grid-column:1 / -1;display:flex;justify-content:space-between;gap:1rem;align-items:start}.naval-setup-heading p{max-width:680px;margin-bottom:0;color:#5f747d;line-height:1.5}.naval-name-field,.naval-name-grid label{display:grid;gap:.35rem;color:#385463;font-size:.75rem;font-weight:900}.naval-name-field{grid-column:1 / -1}.naval-name-field input,.naval-name-grid input{width:100%;min-height:48px;padding:.65rem .8rem;border:2px solid #bdd0d2;border-radius:13px;color:#102c3e;background:#fff}.naval-count-picker{align-self:start}.naval-count-picker .count-choice.active{border-color:#0a6879;background:#0a6879}.naval-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.naval-start-button{grid-column:1 / -1;min-height:58px;background:#0a6879;box-shadow:0 7px #064254}.naval-start-button:hover:not(:disabled){box-shadow:0 9px #064254}.naval-nearby-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:1.2rem;align-items:center}.naval-nearby-card p:last-child{margin-bottom:0;color:#5f747d;line-height:1.5}.naval-nearby-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.naval-nearby-actions .action-card{min-height:112px}.naval-nearby-actions .action-card.host{background:#0b566a}.naval-nearby-actions .action-card.search{background:#286a69}.naval-resume-card{border:2px solid #d8ae5f;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff4d9}.naval-resume-card h2{margin:.2rem 0 .35rem}.naval-resume-card p:last-child{margin:0;color:#685b40}.naval-game-shell{min-height:100vh;padding-bottom:max(2rem,env(safe-area-inset-bottom));color:#dff5f3;background:radial-gradient(circle at 80% 10%,rgba(48,184,174,.15),transparent 30%),linear-gradient(150deg,#06172a,#082f46 48%,#074e5a)}.naval-game-nav{min-height:74px;padding:max(.7rem,env(safe-area-inset-top)) 2.5vw .7rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(170,239,230,.16);background:#031322ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.naval-game-nav>div{text-align:center}.naval-game-nav span,.naval-game-nav small{display:block}.naval-game-nav span{font:900 1rem ui-rounded}.naval-game-nav small{margin-top:.15rem;color:#77c7c5;font-size:.62rem;font-weight:900;text-transform:uppercase}.naval-game-nav>:last-child{justify-self:end}.naval-round-button{width:44px;height:44px;border:1px solid rgba(178,241,234,.28);border-radius:50%;color:#eafffb;background:#66d3c81a;font-size:1.3rem;cursor:pointer}.naval-status-deck{width:min(1260px,95vw);margin:.85rem auto 0;display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:.7rem}.naval-status-deck>div{min-height:76px;padding:.7rem .85rem;border:1px solid rgba(143,224,216,.17);border-radius:18px;background:#0418289e;box-shadow:inset 0 1px #ffffff0a}.naval-status-deck span,.naval-status-deck b{display:block}.naval-status-deck span{color:#78b9ba;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.naval-status-deck b{margin-top:.2rem;color:#f2fffb;font:900 1.35rem ui-rounded}.naval-turn{text-align:center}.naval-gauge{position:relative;overflow:hidden}.naval-gauge i{position:absolute;left:0;bottom:0;width:var(--naval-progress);height:4px;background:linear-gradient(90deg,#f1b95d,#61dcc8);transition:width .3s ease}.naval-fleet-count{text-align:right}.naval-fleet-count>div{min-height:12px;margin-top:.35rem;display:flex;justify-content:flex-end;gap:4px}.naval-fleet-count i{height:6px;border-radius:999px;background:#6bd1c3}.naval-fleet-count i.found{background:#f5cf63;box-shadow:0 0 8px #f5cf63cc}.naval-event,.naval-paused-banner{width:min(900px,93vw);min-height:42px;margin:.65rem auto 0;padding:.6rem .9rem;border-radius:14px;display:grid;place-items:center;text-align:center;color:#05293b;background:#89d8ca;font-size:.78rem;font-weight:900}.naval-event.event-miss{color:#d9edf0;background:#22596dcc}.naval-event.event-ship-sunk{color:#3d2105;background:#f4bf67}.naval-paused-banner{grid-template-columns:auto 1fr;gap:.5rem;color:#fff5de;background:#8b5233}.naval-paused-banner .secondary-button{grid-column:1 / -1;min-height:38px;padding:.55rem .9rem}.naval-game-grid{width:min(1260px,95vw);margin:.8rem auto 0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:.85rem;align-items:start}.naval-chart-card,.naval-side-panel>section{border:1px solid rgba(143,224,216,.15);border-radius:24px;background:#031624ba;box-shadow:0 18px 55px #00000038}.naval-chart-card{padding:1rem}.naval-chart-heading{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.naval-chart-heading h1{margin:.1rem 0 0;color:#f1fffc;font-size:clamp(1.15rem,2vw,1.55rem)}.naval-chart-heading p{margin:0;color:#6fc8c2!important}.naval-chart-heading>span{color:#7eb1b7;font-size:.72rem}.naval-cancel-mode{min-height:40px;padding:.45rem .7rem;border:1px solid #df9b69;border-radius:12px;color:#ffe3cc;background:#904b2859;cursor:pointer}.naval-board-frame{--naval-axis-size: 27px;position:relative;width:min(100%,690px);margin:.55rem auto 0;padding-left:var(--naval-axis-size)}.naval-column-axis{height:var(--naval-axis-size);display:grid;grid-template-columns:repeat(6,1fr);align-items:center;text-align:center;color:#75abb1;font-size:.72rem;font-weight:900}.naval-row-axis{position:absolute;left:0;top:var(--naval-axis-size);bottom:0;width:var(--naval-axis-size);display:grid;grid-template-rows:repeat(6,1fr);place-items:center;color:#75abb1;font-size:.72rem;font-weight:900}.naval-board{position:relative;aspect-ratio:1;overflow:hidden;border:2px solid rgba(131,222,213,.45);border-radius:22px;display:grid;grid-template-columns:repeat(6,1fr);background:radial-gradient(circle at 25% 20%,rgba(93,226,211,.18),transparent 22%),repeating-linear-gradient(165deg,rgba(107,214,207,.07) 0 7px,transparent 7px 21px),linear-gradient(145deg,#0b6780,#084357 58%,#062f4a);box-shadow:inset 0 0 70px #010d1d8c,0 20px 45px #0000003d}.naval-board:after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(176,255,244,.08) 48%,transparent 70%);animation:naval-water 8s linear infinite}.naval-cell{position:relative;z-index:1;min-width:0;border:0;border-right:1px solid rgba(153,224,218,.19);border-bottom:1px solid rgba(153,224,218,.19);display:grid;place-items:center;color:#fff;background:transparent;cursor:pointer}.naval-cell:not(:disabled):hover{background:#82f7e538;box-shadow:inset 0 0 0 3px #87eadb}.naval-cell.mode-sonar:not(:disabled){cursor:cell}.naval-cell.mode-gunner:not(:disabled){cursor:pointer}.naval-cell.mode-lookout:not(:disabled){background:#ecbc5614}.naval-cell.mode-captain:not(:disabled){background:#ffeb9517}.naval-cell span{position:relative;z-index:2;font-size:clamp(1rem,3.2vw,2rem);text-shadow:0 0 12px currentColor}.naval-cell.miss{color:#9be3e2;background:#06223861}.naval-cell.hit{color:#fff1a2;background:radial-gradient(circle,rgba(255,230,104,.8),rgba(80,210,194,.23) 50%,transparent 70%);animation:naval-treasure-flash .65s ease-out}.naval-cell.sunk{color:#fff0a6;background:radial-gradient(circle,rgba(255,216,97,.82),rgba(29,170,163,.46) 58%,transparent 74%);animation:naval-treasure-flash .85s ease-out}.naval-cell:disabled{opacity:1;cursor:default}.naval-side-panel{display:grid;gap:.7rem}.naval-side-panel>section{padding:.9rem}.naval-panel-heading{display:flex;align-items:center;gap:.7rem}.naval-panel-heading>span{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;color:#06283a;background:#75d4c7;font-size:1.3rem}.naval-panel-heading p,.naval-panel-heading h2{margin:0}.naval-panel-heading p{color:#7eb1b7;font-size:.65rem;font-weight:900;text-transform:uppercase}.naval-panel-heading h2{margin-top:.1rem;color:#fff;font-size:1.2rem}.naval-station-list{margin-top:.7rem;display:grid;gap:.45rem}.naval-station{width:100%;min-height:69px;padding:.55rem;border:1px solid rgba(126,206,201,.18);border-radius:15px;display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;text-align:left;color:#eafffb;background:#5abeb512;cursor:pointer}.naval-station.selected{border-color:#f5c266;background:#f5c26624;box-shadow:0 0 0 2px #f5c26629}.naval-station-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#04273a;background:#6cc9bd;font-size:1.2rem}.naval-station b,.naval-station small{display:block}.naval-station b{font-size:.82rem}.naval-station small{margin-top:.15rem;color:#8eb9bc;font-size:.63rem;line-height:1.3}.naval-station em{color:#6ed4c4;font-size:.55rem;font-style:normal;font-weight:900;text-transform:uppercase}.naval-station:disabled em{color:#bd7a67}.naval-intel-card>p,.naval-scans-card>p{margin:.55rem 0 0;color:#8fb8bc;font-size:.7rem;line-height:1.45}.naval-intel-list{margin-top:.65rem;display:grid;gap:.42rem}.naval-intel-list>div{padding:.62rem .7rem;border-left:4px solid #f3bd63;border-radius:10px;color:#ffe8b7;background:#7d57223d;font-size:.72rem;line-height:1.4}.naval-scans-card h2{margin:0;font-size:1rem}.naval-scans-card p{padding:.5rem;border-radius:10px;background:#65beb712}.naval-handoff-shell,.naval-loading-shell{min-height:100vh;padding:2rem;display:grid;place-content:center;justify-items:center;text-align:center;color:#eafffb;background:radial-gradient(circle at center,#0b5460,#061a2f 66%)}.naval-handoff-shell h1,.naval-loading-shell h1{max-width:680px;margin:.3rem 0 .7rem;font-size:clamp(2.2rem,7vw,4rem)}.naval-handoff-shell>p:not(.eyebrow){max-width:480px;color:#add3d3;line-height:1.55}.naval-handoff-avatar{width:88px;height:88px;margin:.8rem 0;border:2px solid rgba(255,255,255,.28);border-radius:28px;display:grid;place-items:center;background:#ffffff1a;font-size:2.8rem;box-shadow:0 15px 35px #0003}.naval-handoff-shell .primary-button{margin-top:.8rem;background:#0a7780;box-shadow:0 7px #064753}.naval-handoff-radar{position:relative;width:130px;height:130px;margin-bottom:1.2rem;border:2px solid #6fd2c7;border-radius:50%;display:grid;place-items:center;background:#2ca4991a;overflow:hidden}.naval-handoff-radar i{position:absolute;border:1px solid rgba(111,210,199,.44);border-radius:50%}.naval-handoff-radar i:nth-child(1){inset:22px}.naval-handoff-radar i:nth-child(2){inset:42px}.naval-handoff-radar i:nth-child(3){width:65px;height:2px;border:0;background:#6fd2c7;transform-origin:0 50%;animation:naval-radar 2.4s linear infinite}.naval-handoff-radar span{position:relative;z-index:2;font-size:1.8rem}.naval-loading-radar{width:110px;height:110px;margin-bottom:1rem;border:2px solid #61cbbf;border-radius:50%;position:relative;overflow:hidden}.naval-loading-radar i{position:absolute;left:50%;top:50%;width:55px;height:2px;background:#91fff0;transform-origin:0 50%;animation:naval-radar 1.6s linear infinite}.naval-result-backdrop{position:fixed;z-index:50;inset:0;padding:1rem;display:grid;place-items:center;background:#010c19d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.naval-result-card{width:min(500px,94vw);padding:2rem;border:1px solid rgba(143,224,216,.28);border-radius:30px;text-align:center;color:#eafffb;background:linear-gradient(145deg,#0b5360,#071d35);box-shadow:0 30px 90px #00000080}.naval-result-card.lost{background:linear-gradient(145deg,#56372b,#181b2c)}.naval-result-icon{width:82px;height:82px;margin:0 auto 1rem;border-radius:26px;display:grid;place-items:center;color:#073143;background:#7edccd;font-size:2.5rem}.naval-result-card h2{margin:.25rem 0 .65rem;font-size:clamp(2rem,6vw,3rem)}.naval-result-card>p:not(.step-number){color:#b6d5d4;line-height:1.55}@keyframes naval-float{0%,to{transform:translate(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@keyframes naval-sparkle{50%{opacity:.48;transform:scale(1.12)}}@keyframes naval-treasure-flash{0%{transform:scale(.72);filter:brightness(1.6)}to{transform:scale(1);filter:brightness(1)}}@keyframes naval-water{to{transform:translate(45%)}}@keyframes naval-radar{to{transform:rotate(360deg)}}@media(max-width:980px){.naval-detail-hero{min-height:0;grid-template-columns:1fr}.naval-fleet-illustration{max-width:680px;justify-self:center}.naval-rules-card,.naval-nearby-card,.naval-game-grid{grid-template-columns:1fr}.naval-side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.naval-stations-card{grid-row:span 2}}@media(max-width:650px){.naval-detail-hero{padding:2.2rem 5vw 3.5rem;gap:1.5rem}.naval-hero-copy h1{font-size:3.35rem}.naval-rules-card{margin-top:-1.3rem}.naval-rules-card ol{grid-template-columns:1fr}.naval-rules-card li{min-height:0;grid-template-columns:auto 1fr;align-items:start}.naval-setup-card{grid-template-columns:1fr;padding:1rem}.naval-setup-heading{align-items:stretch;flex-direction:column}.naval-setup-heading .avatar-list{flex-wrap:wrap}.naval-name-field,.naval-start-button{grid-column:auto}.naval-name-grid,.naval-nearby-actions{grid-template-columns:1fr}.naval-resume-card{align-items:stretch;flex-direction:column}.naval-game-nav{grid-template-columns:46px minmax(0,1fr) 46px}.naval-game-nav span{font-size:.78rem}.naval-status-deck{grid-template-columns:repeat(2,minmax(0,1fr))}.naval-turn{grid-column:1 / -1;grid-row:1}.naval-status-deck>div{min-height:65px}.naval-chart-card{padding:.65rem;border-radius:18px}.naval-chart-heading{align-items:flex-start;flex-direction:column}.naval-chart-heading>span{display:none}.naval-board-frame{--naval-axis-size: 22px}.naval-board{border-radius:14px}.naval-side-panel{grid-template-columns:1fr}.naval-stations-card{grid-row:auto}.naval-handoff-shell{padding:1.25rem}}@media(prefers-reduced-motion:reduce){.naval-svg-treasure,.naval-svg-sparkles,.naval-cell.hit,.naval-cell.sunk,.naval-board:after,.naval-handoff-radar i,.naval-loading-radar i{animation:none!important}}@media(forced-colors:active){.naval-cell,.naval-station,.naval-result-card{forced-color-adjust:auto}.naval-cell.hit,.naval-cell.sunk{outline:2px solid ButtonText;outline-offset:-3px}}.river-detail-shell{min-height:100vh;padding-bottom:5rem;color:#173f3c;background:linear-gradient(180deg,#e7f5d9,#d7efe7 48%,#f8f5df)}.river-detail-nav{background:#174e4b}.river-detail-hero{min-height:510px;padding:4rem max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:3rem;align-items:center;color:#fff;background:radial-gradient(circle at 14% 16%,rgba(164,226,148,.24),transparent 28%),linear-gradient(140deg,#103f43,#18736d 58%,#2c8d79)}.river-hero-copy h1{max-width:650px;margin:.25rem 0 .9rem;font-size:clamp(3.1rem,6.6vw,5.8rem);line-height:.92}.river-hero-copy>p:not(.eyebrow){max-width:590px;color:#d8f5e8;font-size:1.04rem;line-height:1.65}.river-illustration{width:100%;max-width:720px;justify-self:center;border-radius:38px;box-shadow:0 28px 65px #03232357}.river-rules-card,.river-route-card,.river-setup-card,.river-nearby-card,.river-resume-card{width:min(1180px,92vw);margin:1.2rem auto 0;padding:1.5rem;border:1px solid rgba(24,78,70,.12);border-radius:28px;background:#fffef4f0;box-shadow:0 18px 45px #1f53451c}.river-rules-card{position:relative;z-index:2;margin-top:-2rem;display:grid;grid-template-columns:.48fr 1.52fr;gap:1.2rem}.river-rules-card h2,.river-route-card h2,.river-setup-card h2,.river-nearby-card h2{margin:.2rem 0;font-size:clamp(1.65rem,3vw,2.35rem)}.river-rules-card ol{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;list-style:none}.river-rules-card li{min-height:132px;padding:.9rem;border-radius:19px;display:grid;align-content:start;gap:.55rem;color:#204d47;background:#e2f0d3;line-height:1.45}.river-rules-card li b{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;color:#fff;background:#28766d}.river-route-card{display:grid;gap:1rem}.river-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.river-route{min-height:165px;padding:1rem;border:2px solid #d7e5cc;border-radius:20px;display:grid;align-content:start;justify-items:start;gap:.45rem;text-align:left;color:#264d47;background:#f4f7e9;cursor:pointer}.river-route>span{font-size:2rem}.river-route b{font:850 1.05rem ui-rounded}.river-route small{color:#58736b;line-height:1.4}.river-route.active{border-color:#18756d;background:#d8eee0;box-shadow:inset 0 0 0 2px #18756d1a}.river-route:focus-visible{outline:3px solid #a04d18;outline-offset:2px}.river-setup-card{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(230px,.7fr) minmax(230px,.7fr);gap:1rem}.river-setup-heading{grid-column:1 / -1;display:flex;justify-content:space-between;gap:1rem;align-items:start}.river-setup-heading p{max-width:670px;margin-bottom:0;color:#58736b;line-height:1.5}.river-name-field,.river-name-grid label{display:grid;gap:.35rem;color:#315b54;font-size:.76rem;font-weight:900}.river-name-field{grid-column:1 / -1}.river-name-field input,.river-name-grid input{min-height:49px;padding:.7rem .8rem;border:2px solid #cbdccb;border-radius:13px;color:#173f3c;background:#fff}.river-counter{margin:0;padding:.8rem;border:1px solid #d4e2cf;border-radius:17px;background:#f0f5e8}.river-counter legend{padding:0 .3rem;color:#315b54;font-size:.76rem;font-weight:900}.river-counter>small{min-height:2.4em;display:block;color:#637a72}.river-counter>div{margin-top:.45rem;display:flex;gap:.4rem}.river-counter button{min-width:48px;min-height:48px;border:2px solid #b9d1c2;border-radius:13px;color:#315b54;background:#fff;font-weight:900;cursor:pointer}.river-counter button.active{color:#fff;border-color:#18756d;background:#18756d}.river-name-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.river-start-button{grid-column:1 / -1;min-height:58px;display:flex;justify-content:space-between;background:#18756d;box-shadow:0 7px #0e4d49}.river-nearby-card{display:grid;grid-template-columns:.7fr 1.3fr;gap:1.2rem;align-items:center}.river-nearby-card p:last-child{color:#58736b;line-height:1.5}.river-nearby-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.river-nearby-actions .action-card{min-height:115px}.river-nearby-actions .host{background:#176e66}.river-nearby-actions .search{background:#376f52}.river-resume-card{border:2px solid #c3953d;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff4d0}.river-resume-card h2{margin:.2rem 0}.river-resume-card p:last-child{margin:0;color:#675a35}.river-game-shell{min-height:100vh;padding-bottom:max(2rem,env(safe-area-inset-bottom));color:#183f3c;background:radial-gradient(circle at 80% 5%,rgba(133,202,132,.18),transparent 25%),linear-gradient(180deg,#d8eee1,#eef3d8 56%,#f7f0d4)}.river-game-nav{min-height:76px;padding:max(.75rem,env(safe-area-inset-top)) 2.8vw .75rem;display:grid;grid-template-columns:minmax(48px,1fr) minmax(220px,2fr) minmax(48px,1fr);align-items:center;color:#fff;background:#123f43;box-shadow:0 9px 28px #0e373733}.river-game-nav>div{text-align:center}.river-game-nav span,.river-game-nav small{display:block}.river-game-nav span{font:900 1rem ui-rounded}.river-game-nav small{margin-top:.15rem;color:#bce9dd;font-size:.66rem}.river-nav-avatar{justify-self:end;font-size:1.8rem!important}.river-status-deck{width:min(780px,94vw);margin:.75rem auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.river-status-deck>div{min-height:68px;padding:.65rem;border-radius:17px;display:grid;place-content:center;text-align:center;color:#eafff8;background:#1b5d59;box-shadow:0 8px 20px #164b4724}.river-status-deck small{color:#b9e5d9;font-size:.63rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.river-status-deck b{margin-top:.2rem;font:900 1.2rem ui-rounded;letter-spacing:.08em}.river-journey{width:min(1120px,94vw);margin:.75rem auto 0;padding:1rem 1.2rem .65rem;border:1px solid rgba(22,86,76,.14);border-radius:24px;background:#fffeefe0;box-shadow:0 12px 34px #23594a1a}.river-journey-water{position:relative;height:68px;display:flex;align-items:center;justify-content:space-between}.river-journey-line{position:absolute;inset:23px 0 auto;height:22px;border-radius:999px;background:linear-gradient(90deg,#55c4cc,#2c91aa);box-shadow:inset 0 5px #ffffff38}.river-journey-water i{position:relative;z-index:2;width:20px;height:20px;border:4px solid white;border-radius:50%;background:#559da5;box-shadow:0 2px 8px #0f484d38}.river-journey-water i.complete{background:#f3a447}.river-boat{position:absolute;z-index:3;left:var(--river-boat-progress);top:0;transform:translate(-50%);font-size:2.2rem;filter:drop-shadow(0 5px 5px rgba(24,79,77,.24));transition:left .5s ease}.river-section-labels{display:grid;grid-template-columns:repeat(3,1fr);color:#527069;font-size:.7rem;font-weight:900;text-align:center;text-transform:uppercase}.river-event,.river-paused-banner{width:min(900px,94vw);margin:.65rem auto 0;padding:.7rem 1rem;border-radius:16px;display:flex;gap:.65rem;align-items:center;justify-content:center;color:#fff;background:#28766d}.river-event.event-stalled{background:#925126}.river-event.event-river-mistake{background:#5f4d91}.river-event span{font-size:1.35rem}.river-paused-banner{flex-wrap:wrap;background:#7b512d}.river-paused-banner p{margin:0;flex:1 1 320px}.river-play-layout{width:min(1180px,94vw);margin:.75rem auto 0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);gap:.8rem;align-items:start}.river-section-card,.river-team-card{padding:1rem;border:1px solid rgba(24,75,67,.13);border-radius:24px;background:#fffef1f0;box-shadow:0 14px 36px #2051451c}.river-section-heading{display:flex;justify-content:space-between;gap:.8rem;align-items:center}.river-section-heading h1{margin:.12rem 0;font-size:clamp(1.45rem,3vw,2.2rem)}.river-section-symbol{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;color:#fff;background:#2d7c6c;font-size:2rem}.river-section-symbol.section-source{background:#456f50}.river-section-symbol.section-forest{background:#2d7050}.river-section-symbol.section-delta{background:#267f91}.river-checkpoint-grid{margin-top:.85rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.river-checkpoint{min-height:230px;padding:.9rem;border:2px solid #d7e4cc;border-radius:20px;display:grid;grid-template-columns:auto 1fr;align-content:start;gap:.7rem;background:#f3f7e9}.river-checkpoint.complete{border-color:#6cad80;background:#dff0d9}.river-checkpoint-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:#337d72;font-size:1.6rem}.river-checkpoint.kind-obstacle .river-checkpoint-icon{background:#8a6236}.river-checkpoint.kind-gate .river-checkpoint-icon{background:#32718a}.river-checkpoint-copy small{color:#62796e;font-size:.62rem;font-weight:900;text-transform:uppercase}.river-checkpoint-copy h2{margin:.12rem 0 .25rem;font-size:1.15rem}.river-checkpoint-copy p{margin:0;color:#5b7168;font-size:.78rem;line-height:1.4}.river-direction-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.river-direction-actions button{min-height:64px;padding:.35rem;border:2px solid #c9dac7;border-radius:13px;display:grid;place-items:center;color:#315b54;background:#fff;cursor:pointer}.river-direction-actions button.selected{color:#fff;border-color:#1f7068;background:#1f7068}.river-direction-actions button span{font-size:1.3rem}.river-direction-actions button small{font-size:.62rem}.river-checkpoint-action,.river-wait-button{min-height:48px;border:0;border-radius:13px;color:#fff;background:#1f7068;font-weight:900;cursor:pointer}.river-checkpoint-action{grid-column:1 / -1}.river-wait-button{width:100%;margin-top:.7rem;background:#4a6952}.river-controller-list{display:grid;gap:.55rem}.river-controller-list>div{padding:.65rem;border:2px solid transparent;border-radius:15px;display:flex;gap:.65rem;align-items:center;background:#edf3e6}.river-controller-list>div.active{border-color:#28766d;background:#d7ebdd}.river-controller-list>div>span:first-child{font-size:1.7rem}.river-controller-list b,.river-controller-list small{display:block}.river-controller-list small{margin-top:.12rem;color:#60766d;font-size:.68rem}.river-private-wait{min-height:240px;display:grid;place-content:center;justify-items:center;color:#60766d;text-align:center}.river-private-wait span{font-size:3rem}.river-handoff-shell,.river-loading-shell{min-height:100vh;padding:2rem;display:grid;place-content:center;justify-items:center;text-align:center;color:#ecfff6;background:radial-gradient(circle at center,rgba(70,157,119,.42),transparent 34%),linear-gradient(145deg,#153f40,#1c6c61)}.river-handoff-icon{width:96px;height:96px;margin-bottom:1rem;border:2px solid rgba(255,255,255,.28);border-radius:30px;display:grid;place-items:center;background:#ffffff1f;font-size:3rem;box-shadow:0 18px 42px #0629284d}.river-handoff-shell h1,.river-loading-shell h1{max-width:680px;margin:.3rem 0 .7rem;font-size:clamp(2.2rem,7vw,4rem)}.river-handoff-shell>p:not(.eyebrow){max-width:520px;color:#c6eadc;line-height:1.55}.river-handoff-shell .primary-button{margin-top:.8rem;background:#ca792f;box-shadow:0 7px #82451c}.river-thinking-dots{display:flex;gap:.45rem;margin:1rem 0}.river-thinking-dots i{width:12px;height:12px;border-radius:50%;background:#d6f4e7;animation:river-thinking 1s ease-in-out infinite alternate}.river-thinking-dots i:nth-child(2){animation-delay:.2s}.river-thinking-dots i:nth-child(3){animation-delay:.4s}.river-loading-current{font-size:5rem;animation:river-current 1.4s ease-in-out infinite alternate}.river-result-backdrop{position:fixed;z-index:60;inset:0;padding:1rem;display:grid;place-items:center;background:#082c2ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.river-result-dialog{width:min(500px,94vw);padding:2rem;border-radius:30px;text-align:center;color:#173f3c;background:#fffbea;box-shadow:0 30px 90px #0525227a}.river-result-icon{width:84px;height:84px;margin:0 auto 1rem;border-radius:27px;display:grid;place-items:center;color:#fff;background:#28766d;font-size:2.7rem}.river-result-dialog h2{margin:.25rem 0 .6rem;font-size:clamp(2rem,6vw,3rem)}.river-result-dialog>p:not(.eyebrow){color:#587069;line-height:1.55}.river-result-dialog .primary-button{background:#18756d}@keyframes river-thinking{to{transform:translateY(-9px);opacity:.45}}@keyframes river-current{to{transform:translate(18px)}}@media(max-width:980px){.river-detail-hero{min-height:0;grid-template-columns:1fr}.river-illustration{max-width:680px}.river-rules-card,.river-nearby-card{grid-template-columns:1fr}.river-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.river-play-layout{grid-template-columns:1fr}}@media(max-width:650px){.river-detail-nav{grid-template-columns:48px 1fr}.river-detail-nav>span:nth-child(2){display:none}.river-detail-hero{padding:2.2rem 5vw 3.5rem;gap:1.5rem}.river-hero-copy h1{font-size:3.25rem}.river-rules-card{margin-top:-1.3rem}.river-rules-card ol,.river-route-grid{grid-template-columns:1fr}.river-rules-card li{min-height:0;grid-template-columns:auto 1fr}.river-setup-card{grid-template-columns:1fr;padding:1rem}.river-setup-heading{align-items:stretch;flex-direction:column}.river-setup-heading .avatar-list{flex-wrap:wrap}.river-name-field,.river-name-grid,.river-start-button{grid-column:auto}.river-name-grid,.river-nearby-actions{grid-template-columns:1fr}.river-resume-card{align-items:stretch;flex-direction:column}.river-game-nav{grid-template-columns:44px minmax(0,1fr) 44px}.river-game-nav span{font-size:.78rem}.river-status-deck{grid-template-columns:repeat(3,minmax(0,1fr))}.river-status-deck>div{min-height:62px;padding:.45rem}.river-status-deck b{font-size:.92rem}.river-journey{padding-inline:.7rem}.river-checkpoint-grid{grid-template-columns:1fr}.river-checkpoint{min-height:0}.river-section-card,.river-team-card{padding:.8rem;border-radius:19px}.river-section-symbol{width:50px;height:50px;border-radius:16px}.river-handoff-shell{padding:1.25rem}}@media(prefers-reduced-motion:reduce){.river-boat,.river-thinking-dots i,.river-loading-current{animation:none!important;transition:none!important}}@media(forced-colors:active){.river-route,.river-checkpoint,.river-direction-actions button,.river-result-dialog{forced-color-adjust:auto}.river-route.active,.river-controller-list>div.active{outline:3px solid ButtonText}}.squares-detail-hero{background:linear-gradient(135deg,#9b5b14,#cf8c22)}.squares-hero-icon{display:grid;width:180px;aspect-ratio:1;place-items:center;border:3px solid rgba(255,255,255,.75);border-radius:28px;color:#fff9df;background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(255,255,255,.28) 29px 31px),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.28) 29px 31px);font-size:5rem;box-shadow:var(--shadow)}.squares-board-shell{min-height:100vh;padding-bottom:max(2rem,env(safe-area-inset-bottom));color:#25352d;background:#f3eedf}.squares-board-header{position:sticky;z-index:20;top:0;display:grid;grid-template-columns:54px 1fr auto;gap:1rem;align-items:center;padding:max(.8rem,env(safe-area-inset-top)) 4vw .8rem;color:#fff;background:#2d6047;box-shadow:0 6px 20px #1f302729}.squares-board-header h1{margin:.1rem 0;font-size:clamp(1.15rem,4vw,1.7rem)}.squares-board-header p,.squares-board-header small{margin:0;color:#dcebe2}.squares-scoreboard{display:flex;width:min(1000px,94vw);margin:1rem auto;gap:.65rem;overflow-x:auto}.squares-score{--player-color: #777;flex:1 0 145px;display:grid;grid-template-columns:auto 1fr auto;gap:.45rem;align-items:center;padding:.7rem .8rem;border:2px solid transparent;border-radius:16px;background:#fff;box-shadow:0 4px 14px #28312a14}.squares-score.active{border-color:var(--player-color);box-shadow:0 5px 18px color-mix(in srgb,var(--player-color) 24%,transparent)}.squares-score strong{color:var(--player-color);font-size:1.45rem}.squares-score small{grid-column:2}.squares-scroll{width:min(1000px,96vw);max-height:calc(100vh - 210px);margin:0 auto;padding:1.2rem;overflow:auto;border:1px solid #d7cfba;border-radius:22px;background:#fffdf7;box-shadow:inset 0 0 35px #7b5e290f;overscroll-behavior:contain}.squares-grid{position:relative;margin:auto}.squares-dot{position:absolute;z-index:5;width:9px;height:9px;border-radius:50%;background:#3e493f;pointer-events:none}.squares-box{position:absolute;z-index:1;display:grid;width:40px;height:40px;place-items:center;border-radius:5px;opacity:.2}.squares-box span{opacity:1;font-size:1.1rem}.squares-edge{position:absolute;z-index:4;min-width:0;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;touch-action:manipulation}.squares-edge.horizontal{width:40px;height:17px}.squares-edge.vertical{width:17px;height:40px}.squares-edge:not(.drawn):not(:disabled):hover,.squares-edge:not(.drawn):not(:disabled):focus-visible{background:color-mix(in srgb,#2d6047 35%,transparent);outline:2px solid #2d6047}.squares-edge.drawn.horizontal{height:7px;margin-top:5px}.squares-edge.drawn.vertical{width:7px;margin-left:5px}.squares-result{width:min(680px,92vw);margin:1.2rem auto;padding:1.3rem;text-align:center;border-radius:20px;background:#fff;box-shadow:var(--shadow)}@media(max-width:560px){.squares-hero-icon{width:88px;border-radius:18px;font-size:3rem}.squares-board-header{grid-template-columns:44px minmax(0,1fr) auto;gap:.5rem}.squares-board-header small{font-size:.7rem}.squares-scroll{width:100vw;max-height:calc(100vh - 220px);padding:.8rem;border-inline:0;border-radius:0}}