@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.game-art--trio{background:radial-gradient(ellipse at 50% 80%,#688276,#263d37 58%,#142523)}.game-art--trio>span{color:#f0d396;transform:rotate(-12deg)}.trio-lobby-rules{max-width:600px;margin-top:30px;color:#beb7aa;line-height:1.7}.trio-lobby-rules h2{color:#eadbc1;font-size:22px}.trio-lobby-rules small{color:#d8a94b}.trio-room{margin-top:28px;color:#eee8dd;--trio-gold:#e8c57b}.trio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.trio-toolbar .eyebrow{font-size:10px}.trio-toolbar h2{font-size:clamp(20px,3vw,28px);margin:8px 0}.trio-sound{flex-shrink:0;border:1px solid #5d574a;border-radius:20px;background:#25251f;color:#e7d8ba;padding:10px 14px;font-size:12px}.trio-sound[aria-pressed=true]{border-color:#91b8a4;color:#b4e4c9}.trio-status{font-size:14px;min-height:36px;color:#bdb5a4;padding:5px 0}.trio-timer{min-height:43px;display:flex;align-items:center;gap:10px;font-size:12px;color:#b9b5a4}.trio-timer strong{font-variant-numeric:tabular-nums;min-width:35px}.trio-timer small{font-size:11px}.trio-timer-track{height:4px;flex:1;max-width:260px;background:#393a32;border-radius:8px;overflow:hidden}.trio-timer-track i{display:block;height:100%;background:#8bac99;transition:width .2s linear}.trio-timer--urgent{color:#ffd88a}.trio-timer--urgent>span{font-size:26px;animation:trio-pulse 1s infinite}.trio-timer--urgent .trio-timer-track i{background:#edb154}.trio-opponents{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px;margin:14px 0 22px}.trio-seat{position:relative;padding:16px;border:1px solid color-mix(in srgb,var(--player-color,#6b8070) 35%,#494439);border-top:3px solid var(--player-color,#6b8070);border-radius:18px;background:linear-gradient(145deg,#2b2d28,#191e1b);min-width:0;transition:border-color .2s,box-shadow .2s}.trio-seat--active{border-color:var(--trio-gold);box-shadow:0 0 0 2px #e8c57b20,0 10px 35px #0003}.trio-seat--revealed{box-shadow:0 0 0 2px #fff0b82e,0 12px 35px #0005}.trio-seat header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.trio-avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--player-color,#6b8070);border-radius:50%;font-weight:700;color:#111914;flex-shrink:0;box-shadow:0 0 0 2px #ffffff18}.trio-seat header div{min-width:0}.trio-seat header strong{display:block;overflow-wrap:anywhere;font-size:14px}.trio-seat header small{display:block;margin-top:3px;font-size:10px;color:#b8b5a5}.trio-score{margin-left:auto;color:var(--trio-gold);font-weight:700;font-size:13px;white-space:nowrap}.trio-hand{display:flex;flex-wrap:wrap;gap:5px;min-height:62px;align-items:center}.trio-card{position:relative;width:44px;height:64px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;box-shadow:0 3px 6px #0005;-webkit-user-select:none;user-select:none}.trio-card--back{color:#c7b788;border:2px solid #849582;background:repeating-linear-gradient(45deg,#253c35 0 4px,#304a3f 4px 6px)}.trio-card--back span{display:grid;place-items:center;background:#263a31;width:27px;height:36px;border:1px solid #b8ad7f;border-radius:12px;font-size:25px}.trio-rank-1{--rank-color:#7c3aed;--rank-ink:#fff}.trio-rank-2{--rank-color:#f97316;--rank-ink:#fff}.trio-rank-3{--rank-color:#1e3a8a;--rank-ink:#fff}.trio-rank-4{--rank-color:#dc2626;--rank-ink:#fff}.trio-rank-5{--rank-color:#ec4899;--rank-ink:#fff}.trio-rank-6{--rank-color:#86efac;--rank-ink:#17351f}.trio-rank-7{--rank-color:#d4af37;--rank-ink:#392a05}.trio-rank-8{--rank-color:#166534;--rank-ink:#fff}.trio-rank-9{--rank-color:#a855f7;--rank-ink:#fff}.trio-rank-10{--rank-color:#facc15;--rank-ink:#342a02}.trio-rank-11{--rank-color:#9caf65;--rank-ink:#25300f}.trio-rank-12{--rank-color:#7dd3fc;--rank-ink:#123044}.trio-card--face{color:var(--rank-ink);border:1px solid #ffffffa8;background:linear-gradient(145deg,#ffffff42,#00000018),var(--rank-color);box-shadow:inset 0 0 0 2px #ffffff20,0 4px 10px #0005}.trio-card strong{font-family:Georgia,serif;font-size:24px}.trio-card small{position:absolute;top:3px;left:5px;font-size:9px;font-weight:700}.trio-card i{position:absolute;bottom:3px;right:4px;font-size:9px;font-style:normal}.trio-card--revealed{z-index:2;outline:3px solid #fff2bd;outline-offset:2px;transform:translateY(-7px) scale(1.04);box-shadow:0 0 0 5px #e8c57b30,0 12px 22px #0008;animation:trio-flip .25s ease-out}.trio-reveal-order{position:absolute;top:-9px;right:-8px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#fff4c8;color:#2b2110;border:2px solid #826726;font:800 11px/1 Manrope,sans-serif;box-shadow:0 3px 8px #0008}.trio-ask{display:flex;gap:8px;margin-top:14px}.trio-ask button{flex:1;padding:9px 5px;color:#e5d8be;border:1px solid #69604b;background:#34382d;border-radius:7px;font-size:12px}.trio-ask button:not(:disabled):hover{background:#e8c57b;color:#201c14;border-color:#e8c57b}.trio-trophies{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;min-height:22px}.trio-trophies>span{border-radius:12px;background:var(--rank-color,#574a2b);color:var(--rank-ink,#f5d999);padding:3px 10px;font-size:12px;box-shadow:inset 0 0 0 1px #ffffff30}.trio-trophies>small{color:#999b8d;font-size:11px}.trio-felt{position:relative;padding:25px 20px 30px;border:9px solid #554130;border-radius:100px/55px;background:radial-gradient(ellipse at 50% 40%,#3b6555,#213e33 75%);box-shadow:inset 0 0 0 2px #a18a5733,inset 0 0 60px #0005,0 12px 25px #0003;margin-bottom:24px;text-align:center}.trio-felt--revealed{border-color:#806743;box-shadow:inset 0 0 0 2px #e8c57b44,inset 0 0 60px #0005,0 0 24px #e8c57b1f}.trio-table-label>span{font-family:Georgia,serif;letter-spacing:.3em;font-size:29px;color:#dac897}.trio-table-label small{display:block;font-size:10px;letter-spacing:.12em;margin:7px 0 10px;color:#b9c5b1;text-transform:uppercase}.trio-table-hint{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 13px;color:#b9c5b1;font-size:11px}.trio-table-hint strong{padding:4px 9px;border-radius:12px;background:#162d25;color:#f0d596}.trio-middle{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin-top:12px}.trio-middle-button{border:0;background:transparent;padding:0;color:#bfcdb9;transition:transform .15s}.trio-middle-button:disabled{opacity:1}.trio-middle-button:not(:disabled):hover{transform:translateY(-5px)}.trio-middle-button small{display:block;margin-top:6px;font-size:10px}.trio-empty{font-size:12px;color:#b4c4b2;margin:6px 0}.trio-seat--self{max-width:800px;margin:0 auto;background:linear-gradient(135deg,#35342b,#242920)}.trio-seat--self .trio-hand{justify-content:center;gap:8px}.trio-seat--self .trio-card{width:53px;height:76px}.trio-seat--self .trio-card strong{font-size:30px}.trio-seat--self .trio-ask{max-width:340px;margin:18px auto 0}.trio-winner{text-align:center;padding:24px;margin-bottom:24px;border:1px solid #d3b56f;border-radius:18px;background:#443820}.trio-winner>span{font-size:40px;color:#efc563}.trio-winner h2{margin:10px 0}.trio-winner p{margin:0;color:#d7c69e}.trio-rules{margin-top:22px;color:#b5b3a4;font-size:13px;line-height:1.7}.trio-rules summary{cursor:pointer;color:#e3d2ae;padding:10px 0}.trio-rules p{margin:12px 0}.trio-room button:focus-visible{outline:3px solid #ffe4a8;outline-offset:3px}@keyframes trio-pulse{50%{opacity:.5}}@keyframes trio-flip{0%{transform:rotateY(80deg)}to{transform:rotateY(0)}}@media(max-width:600px){.trio-opponents{grid-template-columns:1fr}.trio-felt{border-width:6px;border-radius:35px;padding:24px 10px}.trio-toolbar{align-items:flex-start}.trio-sound{padding:8px;font-size:11px}.trio-timer small{display:none}.trio-seat--self .trio-card{width:44px;height:64px}}@media(prefers-reduced-motion:reduce){.trio-card,.trio-timer--urgent>span{animation:none!important}.trio-timer-track i{transition:none}}.trio-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;padding:0 clamp(8px,2vw,26px);background:radial-gradient(ellipse at 50% 50%,#294b3e,#111d18);color:#eee8dd}.trio-appbar{height:44px;flex-shrink:0;display:flex;align-items:center;gap:14px;border-bottom:1px solid #ffffff20}.trio-appbar .brand{font-size:17px}.trio-appbar .brand>span{height:26px;width:26px;font-size:22px}.trio-code{background:transparent;border:0;color:#d8c79e;font-size:12px;cursor:pointer}.trio-connection{margin-left:auto;color:#e4ac71;font-size:11px}.trio-connection.is-connected{color:#9aceaa}.trio-appbar .text-button{font-size:12px}.trio-error{position:absolute;top:45px;left:15%;right:15%;padding:8px;background:#602e29;color:#fff;z-index:5;border-radius:8px;font-size:12px}.trio-fullscreen .trio-room{position:relative;flex:1;min-height:0;width:100%;margin:0;display:grid;grid-template-rows:auto auto 25px minmax(0,1fr) auto 25px;gap:4px;padding:8px 0 4px}.trio-fullscreen .trio-toolbar h2{font-size:clamp(15px,2.5vh,23px);margin:2px 0}.trio-fullscreen .trio-toolbar .eyebrow{font-size:9px;margin:0}.trio-fullscreen .trio-sound{padding:7px 12px;font-size:11px}.trio-fullscreen .trio-sound[aria-pressed=false]{border-color:#91b8a4;color:#b4e4c9}.trio-fullscreen .trio-status{font-size:12px;min-height:0;padding:0;line-height:1.3}.trio-fullscreen .trio-timer{min-height:0;font-size:11px}.trio-fullscreen .trio-timer-track{max-width:none}.trio-stage{min-height:0;display:grid;grid-template-rows:minmax(105px,1.2fr) minmax(105px,1fr);gap:9px}.trio-fullscreen .trio-opponents{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(130px,1fr);grid-template-columns:none;gap:8px;margin:0;min-height:0;overflow-x:auto;padding:2px}.trio-fullscreen .trio-seat{padding:7px 9px;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;gap:4px;min-height:0}.trio-fullscreen .trio-seat header{margin:0;gap:6px}.trio-fullscreen .trio-avatar{width:24px;height:24px;font-size:12px}.trio-fullscreen .trio-seat header strong{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.trio-fullscreen .trio-seat header small{font-size:9px;margin:0}.trio-fullscreen .trio-score{font-size:11px}.trio-fullscreen .trio-hand{display:grid;grid-template-columns:repeat(var(--cards),minmax(0,1fr));width:100%;max-width:calc(var(--cards) * 43px);gap:3px;min-height:0;align-self:center;align-items:center;flex:1}.trio-fullscreen .trio-card{width:100%;max-width:40px;height:auto;max-height:7dvh;aspect-ratio:2/3;min-height:18px;justify-self:center;border-radius:4px}.trio-fullscreen .trio-card strong{font-size:clamp(12px,2.9dvh,23px)}.trio-fullscreen .trio-card small,.trio-fullscreen .trio-card i{font-size:7px}.trio-fullscreen .trio-card--back span{width:75%;height:75%;font-size:clamp(10px,2.8dvh,22px);overflow:hidden}.trio-fullscreen .trio-ask{margin:0;gap:5px;flex-shrink:0}.trio-fullscreen .trio-ask button{padding:5px 3px;font-size:11px;min-height:27px}.trio-fullscreen .trio-trophies{margin:0;min-height:12px;gap:4px}.trio-fullscreen .trio-trophies>small{font-size:9px}.trio-fullscreen .trio-trophies>span{font-size:10px;padding:1px 6px}.trio-fullscreen .trio-felt{min-height:0;margin:0;padding:8px 16px 10px;border-width:5px;border-radius:40px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);gap:3px;align-items:center}.trio-fullscreen .trio-table-label{display:flex;align-items:center;justify-content:center;gap:12px}.trio-fullscreen .trio-table-label>span{font-size:17px}.trio-fullscreen .trio-table-label small{font-size:8px;margin:0}.trio-fullscreen .trio-table-hint{margin:0;font-size:9px}.trio-fullscreen .trio-table-hint strong{padding:2px 7px}.trio-fullscreen .trio-middle{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;margin:0;min-height:0;max-height:100%;width:100%;max-width:560px;justify-self:center;align-self:center}.trio-fullscreen .trio-middle-button{display:flex;flex-direction:column;align-items:center;min-height:0}.trio-fullscreen .trio-middle .trio-card{width:100%;max-width:52px;max-height:10dvh;min-height:0}.trio-fullscreen .trio-middle-button small{font-size:8px;margin-top:2px}.trio-fullscreen .trio-middle>.trio-empty{grid-column:1/-1}.trio-fullscreen .trio-seat--self{width:100%;max-width:850px;margin:0 auto;display:grid;grid-template-columns:160px minmax(0,1fr) 170px;grid-template-rows:1fr auto;gap:5px 12px;padding:8px 12px}.trio-fullscreen .trio-seat--self .trio-hand{grid-column:2;grid-row:1/3;margin:auto;min-height:45px;max-width:calc(var(--cards) * 48px)}.trio-fullscreen .trio-seat--self .trio-card{max-width:44px;max-height:9dvh}.trio-fullscreen .trio-seat--self .trio-ask{grid-column:3;grid-row:1/3;align-self:center;width:100%;max-width:none;margin:0}.trio-fullscreen .trio-seat--self .trio-trophies{grid-column:1;grid-row:2}.trio-fullscreen .trio-rules{margin:0;font-size:11px;line-height:1.5}.trio-fullscreen .trio-rules summary{padding:3px 0;width:max-content}.trio-rules-content{position:absolute;bottom:32px;left:0;z-index:6;width:min(480px,100%);max-height:65dvh;overflow:auto;padding:15px 20px;background:#17271f;border:1px solid #9c9568;border-radius:12px;box-shadow:0 10px 30px #0009}.trio-fullscreen .trio-winner{position:absolute;z-index:4;left:50%;top:45%;transform:translate(-50%,-50%);width:min(420px,90%);margin:0;box-shadow:0 15px 50px #000a;pointer-events:none}@media(max-width:650px){.trio-appbar{gap:8px}.trio-code{font-size:10px}.trio-connection{font-size:9px}.trio-fullscreen .trio-seat--self{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:5px;padding:6px 8px}.trio-fullscreen .trio-seat--self .trio-hand{grid-column:1/-1;grid-row:2;min-height:35px}.trio-fullscreen .trio-seat--self .trio-ask{grid-column:2;grid-row:1;max-width:200px;justify-self:end}.trio-fullscreen .trio-seat--self .trio-trophies{grid-column:1/-1;grid-row:3}.trio-fullscreen .trio-felt{padding:6px 8px;border-radius:24px;gap:4px}.trio-fullscreen .trio-middle{gap:5px;grid-template-columns:repeat(4,minmax(0,1fr))}.trio-fullscreen .trio-middle .trio-card{max-height:6dvh}.trio-fullscreen .trio-table-label small,.trio-fullscreen .trio-card small,.trio-fullscreen .trio-card i{display:none}.trio-fullscreen .trio-status{font-size:10px}.trio-fullscreen .trio-opponents{grid-auto-columns:minmax(135px,1fr)}}@media(max-height:520px)and (min-width:651px){.trio-appbar{height:32px}.trio-fullscreen .trio-room{padding-top:3px;gap:2px;grid-template-rows:auto auto 20px minmax(0,1fr) auto 20px}.trio-stage{grid-template-columns:1.15fr 1fr;grid-template-rows:minmax(0,1fr)}.trio-fullscreen .trio-opponents{grid-auto-columns:minmax(130px,1fr)}.trio-fullscreen .trio-seat--self{padding:4px 8px}.trio-fullscreen .trio-toolbar .eyebrow{display:none}.trio-fullscreen .trio-seat--self .trio-hand{min-height:25px}}.game-art--ito{background:radial-gradient(circle at 50% 65%,#664e92,#30244c 60%,#191329)}.game-art--ito>span{color:#f5d984;font-family:Manrope,sans-serif;font-weight:800;transform:rotate(-8deg)}.ito-setup-backdrop{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:20px;background:#09080ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ito-setup{position:relative;width:min(680px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:34px;border:1px solid #584d70;border-radius:22px;background:linear-gradient(145deg,#211b2f,#15121e);box-shadow:0 30px 100px #000b;color:#eee8f7}.ito-setup-close{position:absolute;right:18px;top:15px;border:0;background:transparent;color:#a59caf;font-size:27px}.ito-setup h2{margin:0 0 8px;font-size:32px}.ito-setup>p:not(.eyebrow){color:#a9a0b4}.ito-setup label{display:block;margin:18px 0 7px;color:#d4cce0;font-size:12px;font-weight:700}.ito-setup select,.ito-setup input{width:100%;padding:13px 14px;border:1px solid #514862;border-radius:9px;background:#100d17;color:#fff}.ito-custom-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ito-custom-fields label{margin-top:12px}.ito-scale-preview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:25px 0;color:#bbb2c7;font-size:12px}.ito-scale-preview>span{display:grid;gap:2px;max-width:180px}.ito-scale-preview>span:last-child{text-align:right}.ito-scale-preview b{color:#f4d886;font-size:19px}.ito-scale-preview i{height:3px;border-radius:3px;background:linear-gradient(90deg,#68c5db,#9b8afb,#ef7c8e)}.ito-create{width:100%;padding:14px;border:0;border-radius:9px;background:#f1d37e;color:#241b31;font-weight:800}.ito-create span{float:right}.ito-lobby-rules{max-width:660px;margin-top:34px;padding:24px;border:1px solid #453b58;border-radius:16px;background:#1c1727}.ito-lobby-rules h2{font-size:25px}.ito-lobby-rules>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:20px 0}.ito-lobby-rules span{display:grid;color:#b7adca;font-size:12px}.ito-lobby-rules span:last-child{text-align:right}.ito-lobby-rules b{color:#f2d580;font-size:18px}.ito-lobby-rules i{height:3px;background:linear-gradient(90deg,#68c5db,#9b8afb,#ef7c8e)}.ito-lobby-rules>p:last-child{color:#aaa0b8;line-height:1.6}.ito-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 45%,#31264c,#13101d 70%);color:#f6f0fb}.ito-appbar{height:48px;flex:0 0 auto;display:flex;align-items:center;gap:15px;padding:0 clamp(12px,2vw,28px);border-bottom:1px solid #ffffff17;background:#100d18bb}.ito-appbar .brand{font-size:17px}.ito-appbar .brand>span{width:27px;height:27px;font-size:21px;background:#d9bd73}.ito-room-code{border:0;background:transparent;color:#cfc2e2;font-size:11px}.ito-connection{margin-left:auto;color:#d28b75;font-size:10px}.ito-connection.is-connected{color:#79d7a2}.ito-appbar .text-button{font-size:11px}.ito-error{position:absolute;z-index:20;left:20%;right:20%;top:54px;padding:8px 12px;border-radius:8px;background:#632e3f;color:#fff;text-align:center;font-size:12px}.ito-board{flex:1;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:8px;padding:clamp(8px,1.8vh,18px) clamp(10px,2.5vw,34px) 12px}.ito-round-header{display:grid;grid-template-columns:minmax(200px,1fr) minmax(300px,1.4fr);gap:30px;align-items:center}.ito-round-header .eyebrow{margin:0 0 4px;font-size:9px}.ito-round-header h1{margin:0;font-size:clamp(21px,3.4vw,43px);line-height:1;letter-spacing:-.04em}.ito-scale-ends{display:grid;grid-template-columns:minmax(70px,auto) 1fr minmax(70px,auto);gap:12px;align-items:center;color:#b9adc8;font-size:11px}.ito-scale-ends span{display:grid;gap:2px}.ito-scale-ends span:last-child{text-align:right}.ito-scale-ends b{color:#f3d47e;font-size:18px}.ito-scale-ends i{height:4px;border-radius:3px;background:linear-gradient(90deg,#68c5db,#9b8afb,#ef7c8e)}.ito-players{display:flex;gap:7px;overflow-x:auto;padding:1px}.ito-players>span{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:4px 9px;border:1px solid #ffffff17;border-radius:15px;background:#ffffff08;color:#cfc7da;font-size:10px}.ito-players i,.ito-owner-dot{width:8px;height:8px;border-radius:50%;background:var(--player-color);box-shadow:0 0 8px var(--player-color)}.ito-message{padding:7px 11px;border-radius:8px;background:#211a32;color:#bfb5ce;text-align:center;font-size:11px}.ito-message--win{color:#b9f1cb;background:#173528}.ito-message--lose{color:#ffc6c6;background:#432027}.ito-line-wrap{min-height:0;display:flex;flex-direction:column;justify-content:center;padding:8px 0}.ito-axis{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:0 1.5% 12px;color:#857b94;font-size:9px;letter-spacing:.15em}.ito-axis i{height:1px;background:linear-gradient(90deg,#68c5db,#9b8afb,#ef7c8e)}.ito-line{display:flex;align-items:stretch;justify-content:center;gap:clamp(6px,1.2vw,15px);min-height:0;max-width:100%;overflow-x:auto;padding:10px 8px 14px;scrollbar-width:thin}.ito-card{position:relative;flex:0 1 130px;min-width:72px;max-width:145px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .15s,filter .15s}.ito-card.is-movable{cursor:grab}.ito-card.is-movable:hover{transform:translateY(-7px)}.ito-card.is-movable:active{cursor:grabbing}.ito-card-position{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#251d37;color:#90849f;font-size:9px}.ito-card-face{position:relative;width:100%;aspect-ratio:3/4;max-height:31dvh;display:grid;grid-template-rows:18px 1fr auto;place-items:center;padding:10px;border:3px solid var(--player-color);border-radius:12px;background:repeating-linear-gradient(135deg,#2c2341 0 8px,#35294c 8px 12px);box-shadow:0 10px 24px #0006,inset 0 0 20px #0003}.ito-card-face .ito-owner-dot{justify-self:start}.ito-card-face strong{font-family:Manrope,sans-serif;font-size:clamp(28px,6vh,58px);color:#f1dc9b;text-shadow:0 3px 8px #0008}.ito-card-face small{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#eee5fa;font-size:11px;white-space:nowrap}.ito-card.is-visible .ito-card-face{background:linear-gradient(145deg,#f8edcf,#d9c68d);color:#251e30}.ito-card.is-visible .ito-card-face strong{color:#372846;text-shadow:none}.ito-card.is-visible .ito-card-face small{color:#4f435b;font-weight:700}.ito-card.is-wrong:before{content:"ORDER BREAK";position:absolute;z-index:2;left:-10px;top:30%;transform:translate(-50%) rotate(-90deg);padding:3px 6px;border-radius:4px;background:#d34e62;color:#fff;font-size:7px;font-weight:800;letter-spacing:.08em}.ito-card.is-wrong .ito-card-face{box-shadow:0 0 0 4px #d34e62,0 10px 24px #0006}.ito-card-controls{width:100%;display:grid;grid-template-columns:25px 1fr 25px;align-items:center;gap:3px;color:#8f849d;text-align:center;font-size:8px}.ito-card-controls button{height:24px;border:1px solid #504561;border-radius:6px;background:#211a30;color:#d8cce7}.ito-card-controls button:disabled{opacity:.2}.ito-card-controls span{white-space:nowrap}.ito-actions{min-height:52px;display:flex;align-items:center;gap:18px;padding-top:7px;border-top:1px solid #ffffff16}.ito-actions p{flex:1;margin:0;color:#a99fb5;font-size:11px}.ito-actions p strong{color:#f1d47e;font-size:16px}.ito-actions>small{color:#91879c;font-size:10px}.ito-reveal{flex:0 0 auto;border:0;border-radius:9px;padding:11px 17px;background:#ecd07f;color:#241b30;font-weight:800;font-size:12px}.ito-board button:focus-visible,.ito-card:focus-visible{outline:3px solid #f3d47e;outline-offset:3px}@media(max-width:720px){.ito-setup{padding:27px 20px}.ito-custom-fields>div{grid-template-columns:1fr}.ito-round-header{grid-template-columns:1fr;gap:8px}.ito-round-header h1{font-size:22px}.ito-scale-ends{font-size:9px}.ito-board{gap:5px;padding:8px}.ito-card{min-width:68px}.ito-card-face{max-height:27dvh;padding:6px}.ito-card-face strong{font-size:30px}.ito-actions{gap:8px}.ito-actions p{font-size:9px}.ito-reveal{padding:9px 11px;font-size:10px}}@media(max-height:560px){.ito-appbar{height:34px}.ito-board{padding-top:5px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:3px}.ito-round-header h1{font-size:20px}.ito-round-header .eyebrow{display:none}.ito-players>span{padding:2px 7px}.ito-message{padding:4px}.ito-axis{margin-bottom:3px}.ito-line{padding-top:3px}.ito-card-face{max-height:27dvh}.ito-actions{min-height:38px}.ito-card-controls{display:none}}:root{color:#f7f3ed;background:#11100f;font-family:DM Sans,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.shell,.room-shell{min-height:100vh;padding:0 max(5vw,24px) 80px;background:radial-gradient(circle at 75% 18%,#332a1f 0,transparent 25%),#11100f}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #302e2b}.brand{display:flex;align-items:center;gap:10px;color:#f7f3ed;font-family:Manrope;font-size:21px;font-weight:800;text-decoration:none}.brand span,.guest-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#18130b;background:#e5b85c;font-family:Georgia,serif;font-size:25px;font-style:italic}.user-pill,.text-button{border:0;color:#aaa49b;background:transparent}.user-pill strong{color:#f7f3ed}.hero{padding:82px 0 58px}.eyebrow{margin:0 0 14px;color:#d8a94b;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}.hero h1,.guest-card h1,.room-main h1{margin:0;font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-.055em}h1 em{color:#e5b85c;font-family:Georgia,serif;font-weight:400}.hero>p:last-child{max-width:500px;margin:26px 0 0;color:#9c978e;font-size:18px;line-height:1.7}.join-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 25px;border:1px solid #36322c;border-radius:16px;background:#191816}.join-panel>div{display:flex;align-items:center;gap:15px}.join-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#e5b85c;background:#2b251b;font-size:22px}.join-panel strong,.join-panel small{display:block}.join-panel small{margin-top:3px;color:#817c74}.join-panel form{display:flex;gap:10px}input{outline:none;border:1px solid #3d3933;border-radius:9px;color:#fff;background:#0f0e0d}input:focus{border-color:#d8a94b;box-shadow:0 0 0 3px #d8a94b18}.join-panel input{width:150px;padding:12px 15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.join-panel button,.game-card button,.primary-button{border:0;border-radius:9px;padding:12px 18px;color:#17120a;background:#e5b85c;font-weight:700}.games-section{padding-top:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-heading h2{margin:0;font-size:32px}.section-heading>span{color:#79746c;font-size:13px}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,390px));gap:22px}.game-card{overflow:hidden;border:1px solid #36322c;border-radius:18px;background:#191816}.game-art{position:relative;display:grid;height:210px;place-items:center;background:radial-gradient(circle,#6b5125,#292016 58%,#161412)}.game-art>span{filter:drop-shadow(0 15px 24px #000);font-size:85px}.game-art i{position:absolute;top:15px;right:15px;padding:5px 9px;border-radius:20px;color:#b9ecc9;background:#183524;font-size:11px;font-style:normal;text-transform:uppercase}.game-copy{padding:22px}.game-copy h3{margin-bottom:6px;font-size:23px}.game-copy p{color:#8e8981}.game-footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px}.game-footer small{color:#77716a}.game-card button span,.primary-button span{margin-left:16px}.alert,.field-error{padding:12px 15px;border:1px solid #693b3b;border-radius:9px;color:#ffc7c7;background:#341e1e}.alert{margin:18px 0}.guest-screen{display:grid;min-height:100vh;place-items:center;padding:30px;overflow:hidden;background:#11100f}.guest-glow{position:fixed;width:650px;height:650px;border-radius:50%;background:#d8a94b12;filter:blur(30px)}.guest-card{position:relative;width:min(100%,520px);padding:45px;border:1px solid #35322d;border-radius:24px;background:#191816e8;box-shadow:0 40px 100px #0008}.guest-mark{margin-bottom:45px;width:48px;height:48px;font-size:34px}.guest-card h1{font-size:clamp(50px,7vw,70px)}.guest-intro{margin:24px 0 36px;color:#98938a;font-size:17px;line-height:1.6}.guest-card label{display:block;margin-bottom:9px;color:#d4d0c9;font-size:13px;font-weight:600}.guest-card input{width:100%;padding:16px;font-size:16px}.guest-card form button{width:100%;margin-top:12px;padding:16px;border:0;border-radius:9px;color:#17120a;background:#e5b85c;font-weight:700}.guest-card form button span{float:right}.guest-card>small{display:block;margin-top:20px;color:#68645e;text-align:center}.field-error{margin-top:10px;font-size:13px}.room-shell{background:radial-gradient(circle at 30% 30%,#292116 0,transparent 30%),#11100f}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:70px;max-width:1250px;margin:0 auto;padding-top:75px}.room-main h1{font-size:clamp(45px,6vw,78px)}.room-lead{max-width:550px;margin:22px 0 35px;color:#98938a;font-size:17px;line-height:1.6}.room-code{display:inline-flex;align-items:center;gap:35px;padding:16px 18px;border:1px solid #3d3932;border-radius:13px;background:#1c1a17}.room-code small{display:block;margin-bottom:2px;color:#777169;font-size:10px;text-transform:uppercase}.room-code strong{color:#e5b85c;font-family:Manrope;font-size:25px;letter-spacing:.18em}.room-code button{border:1px solid #4a443b;border-radius:8px;padding:9px 12px;color:#cbc5bb;background:transparent}.lobby-action{margin-top:45px}.primary-button{min-width:220px;padding:16px 22px}.lobby-action>small{display:block;margin-top:12px;color:#76716a}.waiting-note,.joining{display:flex;align-items:center;gap:10px;color:#89837b}.spinner{width:14px;height:14px;border:2px solid #555047;border-top-color:#e5b85c;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.players-panel{align-self:start;padding:25px;border:1px solid #39352f;border-radius:17px;background:#1a1917}.players-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #302d29}.players-title h2{margin:0;font-size:19px}.players-title span{color:#77716a;font-size:12px}.player-list{display:grid;gap:10px;padding:18px 0}.player{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:10px;background:#22201d}.avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;color:#15120c;background:#deb25b;font-weight:800}.avatar-1{background:#79b8ae}.avatar-2{background:#c28aae}.avatar-3{background:#8c9dcc}.player strong,.player small{display:block}.player strong{font-size:14px}.player small{margin-top:2px;color:#79746d;font-size:11px}.player i{color:#e5b85c;font-style:normal}.player b{width:7px;height:7px;border-radius:50%;background:#5ccf83}.joining{justify-content:center;padding-top:18px;border-top:1px solid #302d29;font-size:12px}.tap-game{margin-top:45px;text-align:center}.tap-game>p{color:#aaa49b}.tap-game>button{width:min(100%,330px);aspect-ratio:1;border:7px solid #4e3c1c;border-radius:50%;color:#1a1308;background:radial-gradient(circle at 35% 30%,#ffd982,#d7a33b);box-shadow:0 20px 70px #d8a94b40;font-family:Manrope;font-size:40px;font-weight:800}.tap-game>button:active{transform:scale(.96)}.tap-game button span,.tap-game button small{display:block}.tap-game button small{margin-top:8px;font-size:13px}.winner-card{margin-top:45px;padding:35px;border:1px solid #5d4824;border-radius:16px;text-align:center;background:#2a2113}.winner-card>span{font-size:55px}.winner-card p{margin:12px 0 4px;font-family:Manrope;font-size:32px;font-weight:800}.winner-card small{color:#a69a87}@media(max-width:800px){.topbar{height:72px}.user-pill{font-size:12px}.hero{padding-top:55px}.join-panel,.join-panel form{align-items:stretch;flex-direction:column}.join-panel input{width:100%}.room-layout{grid-template-columns:1fr;gap:38px;padding-top:50px}.players-panel{grid-row:1}.guest-card{padding:30px 24px}.guest-mark{margin-bottom:32px}}.room-shell--table{background:radial-gradient(circle at 50% 45%,#245b47,#123a2d 62%,#10271f)}.game-layout{display:grid;grid-template-columns:minmax(720px,1fr) 290px;gap:28px;max-width:1500px;margin:0 auto;padding-top:38px}.game-layout .room-main h1{font-size:clamp(34px,4vw,56px)}.room-code--compact{float:right;margin-top:-66px;transform:scale(.82);transform-origin:right top}.solitaire-board{clear:both;margin-top:34px;padding:25px;overflow-x:auto;border:1px solid #ffffff1c;border-radius:20px;background:#0a271c59;box-shadow:inset 0 0 80px #00170c45,0 28px 80px #06150f66}.solitaire-toolbar p{margin-bottom:22px;color:#bdd1c8;font-size:13px}.upper-piles{display:flex;justify-content:space-between;min-width:690px}.draw-piles,.foundation-piles{display:flex;gap:14px}.pile-slot,.playing-card{width:88px;height:124px;border-radius:9px}.pile-slot{position:relative;display:grid;place-items:center;border:2px dashed #dbeade2e;color:#dae9df52}.pile-slot>.playing-card{position:absolute;inset:-2px}.foundation>span{font-family:Georgia,serif;font-size:36px}.playing-card{position:relative;display:block;padding:8px;border:1px solid #161513;color:#171513;background:#f8f5ed;box-shadow:0 5px 12px #00150b57;text-align:left;-webkit-user-select:none;user-select:none}button.playing-card{font:inherit}.card-face{cursor:grab}.card-face:active{cursor:grabbing}.card-face strong{display:block;font-family:Manrope;font-size:20px;line-height:1}.card-face>span{font-family:Georgia;font-size:20px}.card-face i{position:absolute;right:9px;bottom:7px;font-family:Georgia;font-size:35px;font-style:normal}.red-card{color:#bb2929}.card-back{display:grid;place-items:center;overflow:hidden;border:5px solid #f0e9d8;color:#ecd07f;background:repeating-linear-gradient(45deg,#312615 0 5px,#ddb04f 5px 8px);box-shadow:0 5px 12px #00150b57}.back-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#251d11;background:#e8c067;font-family:Georgia;font-size:27px;font-style:italic}.stock small{position:absolute;right:5px;bottom:4px;padding:2px 6px;border-radius:10px;color:#fff;background:#0009;font-size:10px}.empty-pile{display:grid;place-items:center;border:2px dashed #dbeade2e;color:#dbeade7d;background:transparent;box-shadow:none;font-size:28px}.slot-label{font-size:10px;text-transform:uppercase}.tableau{display:grid;grid-template-columns:repeat(7,88px);gap:14px;min-width:690px;margin-top:25px}.tableau-column{position:relative;min-height:340px;border-radius:9px}.tableau-column>.playing-card{position:absolute;left:0}.empty-column{display:grid;width:88px;height:124px;place-items:center;border:2px dashed #dbeade2e;border-radius:9px;color:#dbeade4f;font-family:Georgia;font-size:40px}.activity{margin-top:18px;padding:16px;border-top:1px solid #302d29}.activity small{color:#79746d;text-transform:uppercase;letter-spacing:.12em}.activity p{margin:7px 0 0;color:#d3cec4;font-size:13px;line-height:1.4}.live-state{display:flex;align-items:center;gap:8px;margin-top:14px;color:#8b857d;font-size:11px}.live-state b{width:7px;height:7px;border-radius:50%;background:#856f4c}.live-state--on b{background:#63db8a;box-shadow:0 0 8px #63db8a}.remote-cursor{position:fixed;z-index:1000;display:flex;align-items:flex-start;pointer-events:none;transition:left .07s linear,top .07s linear;color:#e7b957}.remote-cursor>span{font-size:25px;line-height:1;transform:rotate(-25deg);text-shadow:0 2px 5px #000}.remote-cursor>b{margin:13px 0 0 -2px;padding:4px 8px;border-radius:4px;color:#19130a;background:#e7b957;font-size:11px;white-space:nowrap}.cursor-1{color:#70cfc2}.cursor-1>b{background:#70cfc2}.cursor-2{color:#d898be}.cursor-2>b{background:#d898be}.cursor-3{color:#94a7de}.cursor-3>b{background:#94a7de}@media(max-width:1100px){.game-layout{grid-template-columns:1fr}.game-layout .players-panel{grid-row:1}.room-code--compact{float:none;margin:20px 0 0;transform:none}.solitaire-board{margin-top:25px}}@media(max-width:800px){.game-layout{padding-top:30px}.solitaire-board{margin-left:calc(max(5vw,24px)*-1);margin-right:calc(max(5vw,24px)*-1);border-left:0;border-right:0;border-radius:0}.pile-slot,.playing-card,.empty-column{width:76px;height:107px}.tableau{grid-template-columns:repeat(7,76px);gap:12px}.upper-piles,.tableau{min-width:604px}}