:root{font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;color:#25352d;background:#f7f3e9;font-synthesis:none;--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}body{margin:0;min-width:320px;min-height:100vh;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}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 5rem;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}.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}.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:1fr 1.35fr;gap:2rem;background:var(--paper)}.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;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:1fr 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}.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}.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.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}.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{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{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}@media(max-width:820px){.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:1fr;gap:1rem}.local-setup-heading,.local-player-options,.join-grid{grid-template-columns: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){.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}.local-mode-picker,.local-name-list{grid-template-columns: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:104px;padding-left:.4rem;font-size:.58rem}.opponents{justify-content:flex-start;overflow-x:auto}.opponent{min-width:98px}.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{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}.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(54px,7vw,78px);height:clamp(54px,7vw,78px);transform:translate(-50%,-50%);border:3px solid #fff9d7;border-radius:50%;display:grid;place-items:center;color:#fff;background:color-mix(in srgb,var(--epoch-accent) 86%,transparent);box-shadow:0 0 0 8px #fff1aa3d,0 0 30px 12px #ffdb696b;cursor:pointer;animation:clock-pulse 1.7s ease-in-out infinite}.clock-hotspot>span{font-size:clamp(1.4rem,3vw,2rem);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.clock-hotspot.selected{outline:4px solid white;box-shadow:0 0 0 10px var(--epoch-accent),0 0 34px 16px #ffdb6980}.clock-room-effect{position:absolute;z-index:3;pointer-events:none;display:grid;place-items:center;color:#fff1aa;text-shadow:0 0 15px currentColor}.vine-effect{left:14%;bottom:7%;font-size:clamp(3rem,11vw,8rem);color:#7ab56c;transform:rotate(-28deg);opacity:.82}.hatch-effect{left:45%;bottom:4%;width:20%;height:12%;border:4px solid #ffd36f;color:transparent;transform:rotate(-7deg);box-shadow:0 0 22px #ffd36fb3}.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}.pendulum-effect{left:49.7%;top:52%;width:1rem;height:26%;transform-origin:50% 0;font-size:1.4rem;animation:pendulum-swing 1.7s ease-in-out infinite alternate}.pendulum-effect:before{content:"";width:3px;height:90%;position:absolute;top:0;background:currentColor}.pendulum-effect{align-items:end}.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,.clock-command-form{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-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-panel>div>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-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-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-summary-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;color:#fff;background:#65508e;font-size:2.1rem;box-shadow:0 12px 24px #3b2a5838}.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-summary-event{display:flex;gap:.65rem;align-items:center;padding:.8rem 1rem;border-radius:14px;text-align:left;background:#f1ecfa;color:#352b48!important;font-weight:750}.clock-summary-clues{margin-top:.8rem;padding:.9rem 1rem;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 ul{margin:0;padding-left:1.2rem;color:#352b48;line-height:1.45}.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)}}@keyframes pendulum-swing{0%{transform:rotate(-11deg)}to{transform:rotate(11deg)}}@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-panel,.clock-object-placeholder,.clock-command-form{grid-column:1 / -1}}@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-panel,.clock-object-placeholder,.clock-command-form{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-turn-summary-dialog,.clock-result-dialog{padding:1.5rem}.clock-handoff-icon,.clock-result-icon{width:68px;height:68px;font-size:2.2rem}}@media(prefers-reduced-motion:reduce){.clock-hotspot,.gears-effect,.pendulum-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}}