.playful-game.crazy-eights-app{--play-accent:#6a35c8;--play-shadow:#b49ae4;--play-soft:#f1eafc;--play-paper:#fffaf3;--play-ink:#2b1d4a;--ce-gold:#ffc84a;--ce-muted:#6e5d8c;background:#1d1430;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overflow:hidden;overflow:clip;height:100dvh}.crazy-eights-app .ce-scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.crazy-eights-app .pp-lobby{--pp-accent:#ffc84a;--pp-bg:rgba(34,20,60,0.95)}.crazy-eights-app:is([data-phase=menu],[data-phase=loading],[data-phase=results]) :is(.ce-top,.ce-bottom,.ce-status,.ce-seats,.ce-summary){visibility:hidden}.crazy-eights-app[data-phase=lobby] :is(.ce-bottom,.ce-status,.ce-seats,.ce-summary,.ce-score){visibility:hidden}.crazy-eights-app:not([data-play=online]) .ce-online-only,.crazy-eights-app[data-play=online] .ce-local-only{display:none}.crazy-eights-app .ce-top{position:absolute;z-index:6;top:max(8px,env(safe-area-inset-top,0px));left:max(10px,env(safe-area-inset-left,0px));right:max(10px,env(safe-area-inset-right,0px));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.crazy-eights-app .ce-score{display:flex;align-items:center;gap:8px;padding:6px 12px;border:3px solid #fff4e2;border-radius:16px;background:rgba(255,248,234,.94);box-shadow:0 3px 0 var(--play-shadow)}.crazy-eights-app .ce-game{font-size:13px;font-weight:800;color:var(--ce-muted)}.crazy-eights-app .ce-points{font-size:20px;color:var(--play-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}.crazy-eights-app .ce-top-btns{display:flex;gap:6px;pointer-events:auto}.crazy-eights-app .ce-icon-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;cursor:pointer;font-size:18px;border:3px solid #fff4e2;border-radius:14px;background:var(--play-paper);color:var(--play-ink);box-shadow:0 3px 0 var(--play-shadow)}.crazy-eights-app .ce-icon-btn .off,.crazy-eights-app .ce-icon-btn[aria-pressed=true] .on{display:none}.crazy-eights-app .ce-icon-btn[aria-pressed=true] .off{display:inline}.crazy-eights-app .ce-status{position:absolute;z-index:5;left:50%;bottom:calc(var(--hand-h, 180px) + max(10px, env(safe-area-inset-bottom, 0px)));transform:translateX(-50%);padding:5px 16px;border-radius:999px;border:2px solid var(--c,#fff);background:rgba(30,18,52,.84);color:#fff4e2;font-size:15px;font-weight:800;white-space:nowrap;pointer-events:none;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}.crazy-eights-app .ce-status.mine{background:var(--ce-gold);color:#2b1d4a;border-color:#fff4e2;box-shadow:0 0 18px rgba(255,200,74,.7)}.crazy-eights-app .ce-status.pop{animation:ce-banner-in .3s ease-out}.crazy-eights-app .ce-status[hidden]{display:none}.crazy-eights-app .ce-seats{position:absolute;inset:0;z-index:4}.crazy-eights-app .ce-seat{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:2px solid #fff4e2;border-radius:999px;background:rgba(255,248,234,.93);box-shadow:0 3px 0 rgba(0,0,0,.25);transition:transform .2s,opacity .2s,box-shadow .2s;max-width:46vw}.crazy-eights-app .ce-seat.me{left:max(10px,env(safe-area-inset-left,0px))!important;top:auto!important;bottom:calc(var(--hand-h, 180px) + max(6px, env(safe-area-inset-bottom, 0px)));transform:none}.crazy-eights-app .ce-seat.turn{box-shadow:0 0 0 3px var(--c),0 0 22px var(--c);transform:translate(-50%,-50%) scale(1.06)}.crazy-eights-app .ce-seat.me.turn{transform:scale(1.04)}.crazy-eights-app .ce-seat.one .ce-count{background:#d22a43;color:#fff;animation:ce-pulse .6s ease-in-out infinite alternate}.crazy-eights-app .ce-ava{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 3px var(--c)}.crazy-eights-app .ce-ava i{font-style:normal;font-size:22px;line-height:1}.crazy-eights-app .ce-ring{position:absolute;inset:-4px;width:48px;height:48px;transform:rotate(-90deg);pointer-events:none}.crazy-eights-app .ce-ring circle{fill:none;stroke:var(--c);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.crazy-eights-app .ce-seat.urgent .ce-ring circle{stroke:#e0342a}.crazy-eights-app .ce-seat-main{display:flex;flex-direction:column;min-width:0}.crazy-eights-app .ce-seat-name{font-size:13px;color:var(--play-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.crazy-eights-app .ce-seat-meta{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:800;color:var(--ce-muted)}.crazy-eights-app .ce-count{display:inline-flex;align-items:center;gap:3px;padding:0 6px;border-radius:8px;background:var(--play-soft)}.crazy-eights-app .ce-mini{display:inline-block;width:8px;height:11px;border-radius:2px;background:linear-gradient(135deg,#3a1f6e,#1c2a6b);box-shadow:inset 0 0 0 1px #ffc84a}.crazy-eights-app .ce-pts{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.crazy-eights-app .ce-tag{position:absolute;top:-12px;right:-6px;padding:1px 8px;border-radius:999px;background:#2b1d4a;color:#fff4e2;font-size:11.5px;font-weight:800}.crazy-eights-app .ce-seat.won .ce-tag{background:var(--ce-gold);color:#2b1d4a}.crazy-eights-app .ce-bottom{position:absolute;left:0;right:0;bottom:max(4px,env(safe-area-inset-bottom,0px));z-index:5;display:flex;flex-direction:column;align-items:center;pointer-events:none}.crazy-eights-app[data-spectator=true] :is(.ce-actions,.ce-hand,.ce-reacts,.ce-keys){display:none}.crazy-eights-app .ce-actions{display:flex;gap:8px;pointer-events:auto;padding:0 10px 6px;visibility:hidden}.crazy-eights-app.ce-acting .ce-actions{visibility:visible}.crazy-eights-app .ce-act{min-height:46px;min-width:64px;padding:6px 16px;border:3px solid #fff4e2;border-radius:16px;cursor:pointer;font:800 16px/1 Playful,Avenir Next,sans-serif;box-shadow:0 4px 0 rgba(0,0,0,.3);transition:transform .12s,opacity .15s}.crazy-eights-app .ce-act:disabled{opacity:.42;cursor:default}.crazy-eights-app .ce-act:not(:disabled):active{transform:translateY(2px)}.crazy-eights-app .ce-act-soft{background:var(--play-paper);color:var(--play-ink)}.crazy-eights-app .ce-act-pass{background:#3b2a63;color:#fff4e2}.crazy-eights-app .ce-act-draw{background:#2f8a7e;color:#fff;min-width:96px}.crazy-eights-app .ce-act-pass.ready{background:#ffb52e;color:#2b1d4a;animation:ce-pulse .7s ease-in-out infinite alternate}.crazy-eights-app .ce-act-last{background:#d22a43;color:#fff}.crazy-eights-app .ce-act-last.on{background:#ffc84a;color:#2b1d4a;box-shadow:0 0 0 3px #fff,0 0 20px #ffc84a}.crazy-eights-app .ce-act-last[hidden]{display:none}.crazy-eights-app .ce-reacts{position:absolute;z-index:5;right:max(8px,env(safe-area-inset-right,0px));bottom:calc(var(--hand-h, 180px) + 4px);display:flex;flex-direction:column;gap:4px;pointer-events:auto}.crazy-eights-app:is([data-phase=menu],[data-phase=loading],[data-phase=results],[data-phase=lobby]) .ce-reacts{visibility:hidden}.crazy-eights-app[data-spectator=true] .ce-reacts{display:none}.crazy-eights-app .ce-reacts button{width:44px;height:44px;border:2px solid #fff4e2;border-radius:14px;background:rgba(255,248,234,.9);font-size:20px;cursor:pointer;padding:0}.crazy-eights-app .ce-reacts button[data-r=last]{background:#ffd34d}.crazy-eights-app .ce-reacts button:active{transform:scale(.9)}.crazy-eights-app .ce-hand{position:relative;width:100%;height:180px;pointer-events:auto;touch-action:none}.crazy-eights-app .ce-card{position:absolute;bottom:8px;padding:0;border:0;border-radius:9%/6.5%;background:#fffaf0;cursor:pointer;overflow:hidden;transform-origin:50% 125%;transform:translateY(var(--lift,0)) rotate(var(--rot,0));transition:transform .16s ease-out,filter .15s,box-shadow .15s;box-shadow:0 2px 0 rgba(0,0,0,.25),-2px 0 6px rgba(0,0,0,.25);touch-action:none}.crazy-eights-app .ce-card canvas{display:block;width:100%;height:100%;pointer-events:none}.crazy-eights-app .ce-card.dim{filter:brightness(.72) saturate(.7)}.crazy-eights-app .ce-card:focus-visible{outline:3px solid #4fc3f7;outline-offset:2px}.crazy-eights-app .ce-hand.arming .ce-card.ok{box-shadow:0 0 0 4px #ffc84a,0 0 26px #ffc84a}.crazy-eights-app .ce-hand.dealing .ce-card:nth-child(n){animation-delay:calc(var(--i, 0) * 30ms)}.crazy-eights-app .ce-keys{margin:0;font-size:11.5px;font-weight:700;color:rgba(255,243,214,.75);pointer-events:none}@media (hover:none),(pointer:coarse){.crazy-eights-app .ce-keys{display:none}}.crazy-eights-app .ce-flash{position:absolute;inset:0;z-index:7;pointer-events:none;background:radial-gradient(circle at 50% 45%,var(--fc,rgba(255,250,220,.8)),transparent 70%);opacity:0}.crazy-eights-app .ce-flash.on{animation:ce-flash .6s ease-out}.crazy-eights-app .ce-banner{position:absolute;z-index:8;left:50%;top:40%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;white-space:nowrap;font:800 clamp(48px,13vw,120px)/1 Playful,Avenir Next,sans-serif;color:#ffcf3a;-webkit-text-stroke:6px #3b1680;paint-order:stroke fill;text-shadow:0 7px 0 #3b1680,0 0 34px rgba(190,110,255,.85)}.crazy-eights-app .ce-banner.show{animation:ce-chop 1.4s cubic-bezier(.2,1.4,.4,1) forwards}.crazy-eights-app .ce-banner[data-kind=win]{font-size:clamp(30px,8vw,72px);color:#fff8ea;-webkit-text-stroke-color:#2f6b45;text-shadow:0 5px 0 #2f6b45,0 0 30px rgba(255,240,160,.8);white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 24px)}.crazy-eights-app .ce-banner:is([data-kind=out],[data-kind=caught]){font-size:clamp(30px,8vw,72px);white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 24px)}.crazy-eights-app .ce-banner[data-kind=jump]{color:#7dffd2;-webkit-text-stroke-color:#0f5a52;text-shadow:0 7px 0 #0f5a52,0 0 30px rgba(80,255,200,.8);font-size:clamp(40px,10vw,96px)}.crazy-eights-app .ce-banner[data-kind=reverse]{color:#ffe066;font-size:clamp(40px,10vw,96px)}.crazy-eights-app .ce-banner[data-kind=caught]{color:#ff8f8f}.crazy-eights-app .ce-banner[data-kind^=suit-]{-webkit-text-stroke-color:#fff;text-shadow:0 6px 0 rgba(0,0,0,.35),0 0 34px currentColor}.crazy-eights-app .ce-banner[data-kind=suit-0]{color:#3c55b8}.crazy-eights-app .ce-banner[data-kind=suit-1]{color:#d22a43}.crazy-eights-app .ce-banner[data-kind=suit-2]{color:#e8672a}.crazy-eights-app .ce-banner[data-kind=suit-3]{color:#1d8a5f}.crazy-eights-app .ce-countdown{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:6;pointer-events:none;font:800 clamp(64px,16vw,130px)/1 Playful,Avenir Next,sans-serif;color:#fff8ea;-webkit-text-stroke:3px var(--play-accent);paint-order:stroke fill;text-shadow:0 7px 0 var(--play-accent)}.crazy-eights-app .ce-countdown.tick{animation:ce-count .6s ease-out}.crazy-eights-app .ce-toast{position:absolute;left:50%;top:calc(max(8px, env(safe-area-inset-top, 0px)) + 92px);z-index:7;pointer-events:none;transform:translate(-50%,-10px);opacity:0;padding:7px 16px;border:3px solid #fff4e2;border-radius:999px;white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis;background:var(--play-paper);color:var(--play-ink);font-size:15px;font-weight:800;box-shadow:0 4px 0 var(--play-shadow);transition:opacity .18s,transform .18s}.crazy-eights-app .ce-toast.show{opacity:1;transform:translate(-50%)}.crazy-eights-app .ce-toast[data-tone=bad]{background:#ffe1dc;color:#a3241b}.crazy-eights-app .ce-toast[data-tone=good]{background:#fff1b8;color:#7a4b00}.crazy-eights-app .ce-fx{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}.crazy-eights-app .ce-pop{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font:800 22px/1 Playful,Avenir Next,sans-serif;color:#fff8ea;-webkit-text-stroke:5px #2b1d4a;paint-order:stroke fill;animation:ce-pop 1.6s ease-out forwards}.crazy-eights-app .ce-pop-pass{color:#f3e0c0;font-size:18px}.crazy-eights-app .ce-pop-up{color:#9be27a}.crazy-eights-app .ce-pop-down{color:#ff8f8f}.crazy-eights-app .ce-pop-warn{color:#ffb52e}.crazy-eights-app .ce-pop-react{font-size:30px}.crazy-eights-app .ce-pop-two{color:#ff8fb1;font-size:28px}.crazy-eights-app .ce-pop-skip{color:#ff6b7a;font-size:24px}.crazy-eights-app .ce-pop-last{color:#ffd34d;font-size:26px}.crazy-eights-app .ce-summary{position:absolute;z-index:6;right:max(12px,env(safe-area-inset-right,0px));top:calc(max(8px, env(safe-area-inset-top, 0px)) + 56px);width:min(360px,calc(100vw - 24px));padding:12px 14px;border:3px solid #fff4e2;border-radius:22px;background:rgba(255,248,234,.96);box-shadow:0 6px 0 var(--play-shadow);animation:ce-banner-in .35s ease-out}.crazy-eights-app .ce-summary[hidden]{display:none}.crazy-eights-app .ce-sum-title{margin:0 0 8px;font-size:18px;color:var(--play-accent)}.crazy-eights-app :is(.ce-sum-list,.ce-r-list){list-style:none;margin:0;padding:0;display:grid;grid-gap:5px;gap:5px}.crazy-eights-app :is(.ce-sum-list,.ce-r-list) li{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px;border-radius:14px;background:var(--play-soft);box-shadow:inset 4px 0 0 var(--c)}.crazy-eights-app :is(.ce-sum-list,.ce-r-list) li.win{background:#fff1b8}.crazy-eights-app :is(.ce-sum-list,.ce-r-list) li.me{outline:2px solid var(--ce-gold)}.crazy-eights-app .ce-sum-ava{font-size:20px}.crazy-eights-app .ce-sum-name{flex:1 1;min-width:0;display:flex;flex-direction:column;font-weight:800;font-size:14px;text-align:left}.crazy-eights-app .ce-sum-name small{font-size:11px;font-weight:700;color:var(--ce-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crazy-eights-app :is(.ce-sum-list,.ce-r-list) b{font-size:18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.crazy-eights-app .ce-sum-next{margin:8px 0 0;font-size:13px;font-weight:800;color:var(--ce-muted);text-align:center}.playful-game.crazy-eights-app .ce-menu{background:linear-gradient(90deg,transparent 40%,rgba(24,12,44,.55));-webkit-backdrop-filter:none;backdrop-filter:none;align-items:flex-end;padding-right:max(24px,4vw)}.crazy-eights-app .ce-panel{width:min(460px,100%);text-align:center;padding:18px 18px 14px}.crazy-eights-app .ce-kicker{display:block;color:var(--play-accent);font-size:12px;font-weight:800;letter-spacing:.12em}.crazy-eights-app .ce-logo{margin:4px 0 6px;font:800 clamp(38px,6.5vw,52px)/1 Playful,Avenir Next,sans-serif;color:#ffd34d;-webkit-text-stroke:2px #4a1f8c;paint-order:stroke fill;text-shadow:0 5px 0 #4a1f8c;transform:rotate(-2deg)}.crazy-eights-app .ce-logo small{display:block;font-size:.45em;color:#fff8ea;margin-top:2px}.crazy-eights-app .ce-sub{margin:0 0 6px;font-size:14px;line-height:1.4}.crazy-eights-app .ce-panel h2.ce-label{margin:9px 0 5px;font-size:12.5px;font-weight:800;color:var(--ce-muted);text-transform:uppercase;letter-spacing:.06em;text-align:left}.crazy-eights-app .ce-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.crazy-eights-app .ce-chips{display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-gap:4px;gap:4px;padding:4px;border-radius:14px;background:var(--play-soft)}.crazy-eights-app .ce-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:44px;min-width:0;padding:5px 2px;border:0;border-radius:10px;background:transparent;color:var(--play-ink);cursor:pointer}.crazy-eights-app .ce-opt b{font-size:14.5px;line-height:1.1;font-weight:800;white-space:nowrap}.crazy-eights-app .ce-opt-icon{font-size:19px;line-height:1}.crazy-eights-app .ce-opt[aria-checked=true]{background:#fff;color:var(--play-accent);box-shadow:0 3px 0 var(--play-shadow)}.crazy-eights-app:not([data-mode=online]) .ce-online-menu{display:none}.crazy-eights-app:not([data-mode=bots]) .ce-row{grid-template-columns:1fr}.crazy-eights-app :is(.ce-rules,.ce-howto){margin-top:10px;text-align:left;border-radius:14px;background:var(--play-soft);padding:4px 10px}.crazy-eights-app :is(.ce-rules,.ce-howto) summary{min-height:40px;display:flex;align-items:center;font-weight:800;cursor:pointer;color:var(--play-ink)}.crazy-eights-app .ce-howto ul{margin:0 0 8px;padding-left:18px;font-size:13px;line-height:1.45}.crazy-eights-app .ce-rule-list{display:grid;grid-gap:4px;gap:4px;padding-bottom:8px}.crazy-eights-app .ce-rule{display:flex;flex-direction:column;align-items:flex-start;min-height:44px;padding:6px 10px 6px 44px;border:2px solid #ddd0f2;border-radius:12px;background:#fff;color:var(--play-ink);cursor:pointer;position:relative;text-align:left}.crazy-eights-app .ce-rule:before{content:"";position:absolute;left:10px;top:50%;width:24px;height:14px;margin-top:-7px;border-radius:8px;background:#cfc2e6;transition:background .15s}.crazy-eights-app .ce-rule:after{content:"";position:absolute;left:12px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;transition:left .15s}.crazy-eights-app .ce-rule[aria-checked=true]:before{background:#2f8a57}.crazy-eights-app .ce-rule[aria-checked=true]:after{left:22px}.crazy-eights-app .ce-rule b{font-size:14px}.crazy-eights-app .ce-rule small{font-size:11.5px;color:var(--ce-muted);font-weight:700}.crazy-eights-app .ce-avatars{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:4px;gap:4px}.crazy-eights-app .ce-avatars button{height:44px;border:2px solid #ddd0f2;border-radius:12px;background:#fff;font-size:22px;cursor:pointer;padding:0}.crazy-eights-app .ce-avatars button[aria-checked=true]{border-color:var(--play-accent);background:var(--play-soft);box-shadow:0 3px 0 var(--play-shadow);transform:translateY(-2px)}.crazy-eights-app .ce-best-line{margin:10px 0 4px;font-size:14px;font-weight:700;color:var(--ce-muted)}.crazy-eights-app .ce-best-line b{color:var(--play-accent);font-size:18px}.crazy-eights-app .ce-start{margin-top:8px}.crazy-eights-app .ce-settings{display:flex;gap:6px;margin-top:10px}.crazy-eights-app .ce-setting{flex:1 1;min-height:44px;padding:6px;border:2px solid #ddd0f2;border-radius:12px;background:#fff;color:var(--play-ink);font-size:13px;font-weight:700;cursor:pointer}.crazy-eights-app .ce-setting[aria-pressed=false]{color:#9a8cb8}.playful-game.crazy-eights-app :is(.ce-paused,.ce-results){background:rgba(24,12,44,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.crazy-eights-app .ce-card-panel{width:min(440px,100%);text-align:center}.crazy-eights-app .ce-title{margin:0 0 16px;color:var(--play-accent);font-size:30px}.crazy-eights-app .ce-results[data-tone=win] #ce-r-kicker{color:#2f8a57;font-size:15px}.crazy-eights-app .ce-r-title{margin:4px 0 10px;font:800 34px/1.1 Playful,Avenir Next,sans-serif;color:var(--play-accent)}.crazy-eights-app .ce-r-list{margin-bottom:10px}.crazy-eights-app .ce-r-note{margin:0 0 10px;font-size:12.5px;line-height:1.35;color:var(--ce-muted)}.crazy-eights-app .ce-r-note[hidden]{display:none}.crazy-eights-app .ce-r-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.crazy-eights-app .ce-r-row>*{margin-top:12px;width:100%;font-size:15px;min-height:44px}@media (max-width:899px){.playful-game.crazy-eights-app .ce-menu{align-items:center;justify-content:flex-start;padding:0 10px max(14px,env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent 30%,rgba(24,12,44,.55) 55%)}.crazy-eights-app .ce-menu:before{content:"";display:block;flex:0 0 auto;height:max(170px,30dvh)}.crazy-eights-app .ce-panel{padding:14px 12px 12px;border-radius:24px}}@media (max-width:899px) and (min-aspect-ratio:5/4) and (max-height:520px){.playful-game.crazy-eights-app .ce-menu{align-items:flex-end;padding:8px 12px;background:linear-gradient(90deg,transparent 35%,rgba(24,12,44,.55))}.crazy-eights-app .ce-menu:before{display:none}.crazy-eights-app .ce-panel{width:min(430px,56vw)}.crazy-eights-app .ce-sub{display:none}}@media (max-width:520px){.crazy-eights-app .ce-seat{padding:3px 8px 3px 3px;gap:4px}.crazy-eights-app .ce-ava{width:32px;height:32px}.crazy-eights-app .ce-ava i{font-size:18px}.crazy-eights-app .ce-ring{width:40px;height:40px}.crazy-eights-app .ce-seat-name{font-size:12px;max-width:72px}.crazy-eights-app .ce-act{min-width:54px;padding:6px 10px;font-size:14px}.crazy-eights-app .ce-act-draw{min-width:78px}.crazy-eights-app .ce-status{font-size:13.5px}.crazy-eights-app .ce-summary{top:auto;bottom:calc(var(--hand-h, 180px) + 60px);right:12px}.crazy-eights-app .ce-status{bottom:auto;top:calc(max(8px, env(safe-area-inset-top, 0px)) + 58px)}.crazy-eights-app .ce-reacts{flex-direction:row;bottom:auto;top:calc(max(8px, env(safe-area-inset-top, 0px)) + 104px);right:8px}.crazy-eights-app .ce-reacts button{width:40px;height:40px;font-size:18px}}@media (max-height:500px){.crazy-eights-app .ce-status{bottom:auto;left:max(10px,env(safe-area-inset-left,0px));transform:none;top:calc(max(8px, env(safe-area-inset-top, 0px)) + 54px);font-size:13px;padding:4px 12px;max-width:30vw}.crazy-eights-app .ce-status.pop{animation:none}.crazy-eights-app .ce-toast{top:calc(max(8px, env(safe-area-inset-top, 0px)) + 40px)}.crazy-eights-app .ce-actions{position:absolute;right:max(60px,env(safe-area-inset-right,0px));bottom:calc(var(--hand-h, 120px) - 4px);padding:0;flex-direction:row}.crazy-eights-app .ce-act{min-height:44px;font-size:13px;padding:4px 10px;min-width:50px}.crazy-eights-app .ce-reacts{flex-direction:row;bottom:auto;top:calc(max(8px, env(safe-area-inset-top, 0px)) + 52px)}.crazy-eights-app .ce-seat.me{top:calc(max(8px, env(safe-area-inset-top, 0px)) + 96px)!important;bottom:auto}.crazy-eights-app .ce-reacts button{width:40px;height:40px;font-size:17px}.crazy-eights-app .ce-summary{top:calc(max(8px, env(safe-area-inset-top, 0px)) + 44px);bottom:auto;max-height:60vh;overflow:auto}}@keyframes ce-pop{0%{opacity:0;transform:translate(-50%,-60%) scale(.6)}15%{opacity:1;transform:translate(-50%,-110%) scale(1.12)}to{opacity:0;transform:translate(-50%,-230%) scale(1)}}@keyframes ce-count{0%{transform:translate(-50%,-50%) scale(1.6);opacity:0}30%{transform:translate(-50%,-50%) scale(.95);opacity:1}to{transform:translate(-50%,-50%) scale(1)}}@keyframes ce-pulse{0%{filter:brightness(1)}to{filter:brightness(1.18)}}@keyframes ce-banner-in{0%{opacity:.3;transform:translateX(-50%) scale(.88)}to{opacity:1;transform:translateX(-50%) scale(1)}}.crazy-eights-app .ce-summary{animation-name:ce-sheet-in}@keyframes ce-sheet-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes ce-chop{0%{opacity:0;transform:translate(-50%,-50%) scale(2.4) rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(.92) rotate(-4deg)}30%{transform:translate(-50%,-50%) scale(1.04) rotate(-5deg)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(1) rotate(-5deg)}}@keyframes ce-flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes ce-deal{0%{opacity:0;transform:translateY(-60vh) rotate(25deg) scale(.5)}to{opacity:1}}.crazy-eights-app .ce-top-left{display:flex;align-items:flex-start;gap:8px;min-width:0}.crazy-eights-app .ce-suit{display:flex;align-items:center;gap:8px;padding:3px 12px 3px 3px;border:3px solid #fff4e2;border-radius:999px;background:rgba(255,250,243,.95);box-shadow:0 3px 0 var(--play-shadow);pointer-events:none}.crazy-eights-app .ce-suit[hidden]{display:none}.crazy-eights-app .ce-suit-glyph{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sc,#888);color:#fff;font-size:24px;line-height:1;box-shadow:0 0 14px var(--sc,#888);transition:background .3s}.crazy-eights-app .ce-suit-name{font-size:14px;font-weight:800;color:var(--play-ink)}.crazy-eights-app .ce-suit-meta{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--ce-muted)}.crazy-eights-app .ce-suit-meta .ce-mini{margin-right:2px}.crazy-eights-app .ce-dir{font-size:18px;color:var(--play-accent)}.crazy-eights-app .ce-pending{padding:1px 8px;border-radius:999px;background:#ff4d7a;color:#fff;font-size:14px;animation:ce-pulse .5s ease-in-out infinite alternate}.crazy-eights-app .ce-pending[hidden]{display:none}.crazy-eights-app:is([data-phase=menu],[data-phase=loading],[data-phase=results],[data-phase=lobby]) .ce-suit{visibility:hidden}.crazy-eights-app .ce-suits{position:absolute;inset:0;z-index:9;display:none;place-items:center;background:rgba(20,10,40,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.crazy-eights-app .ce-suits.show{display:grid}.crazy-eights-app .ce-suits-panel{padding:14px 16px 16px;border:3px solid #fff4e2;border-radius:24px;background:var(--play-paper);box-shadow:0 6px 0 var(--play-shadow);text-align:center;animation:ce-sheet-in .25s ease-out}.crazy-eights-app .ce-suits-panel h2{margin:0 0 10px;font-size:20px;color:var(--play-accent)}.crazy-eights-app .ce-suits-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.crazy-eights-app .ce-suits-grid button{width:clamp(64px,18vw,92px);height:clamp(76px,22vw,108px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:3px solid var(--sc);border-radius:18px;background:#fff;color:var(--sc);cursor:pointer;font:800 clamp(34px,9vw,48px)/1 serif;box-shadow:0 4px 0 var(--sc)}.crazy-eights-app .ce-suits-grid button small{font:800 12px/1 Playful,Avenir Next,sans-serif;color:var(--play-ink)}.crazy-eights-app .ce-suits-grid button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--sc)}.crazy-eights-app .ce-suits-grid button:focus-visible{outline:3px solid #4fc3f7;outline-offset:2px}.crazy-eights-app .ce-seats{pointer-events:none}.crazy-eights-app .ce-catch{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);min-height:44px;min-width:84px;padding:4px 14px;pointer-events:auto;cursor:pointer;border:3px solid #fff;border-radius:999px;background:#ff3d5e;color:#fff;font:800 16px/1 Playful,Avenir Next,sans-serif;box-shadow:0 4px 0 #8a1030,0 0 20px #ff3d5e;animation:ce-catch .45s ease-in-out infinite alternate}.crazy-eights-app .ce-catch[hidden],.crazy-eights-app .ce-seat.me .ce-catch{display:none}@keyframes ce-catch{0%{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.1)}}.crazy-eights-app .ce-card.ok{box-shadow:0 0 0 3px #7dffd2,0 6px 14px rgba(0,0,0,.35)}.crazy-eights-app .ce-card.nope{animation:ce-nope .32s ease-in-out}@keyframes ce-nope{0%,to{translate:0 0}25%{translate:-6px 0}75%{translate:6px 0}}.crazy-eights-app .ce-hand.dealing .ce-card{animation:ce-deal .5s ease-out backwards}.crazy-eights-app :is(.ce-sum-list,.ce-r-list) li em{min-width:3ch;font-style:normal;font-size:13px;font-weight:800;color:var(--ce-muted);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.crazy-eights-app :is(.ce-sum-list,.ce-r-list) li b{min-width:3ch;text-align:right}.playful-game.crazy-eights-app .ce-handoff{background:rgba(20,10,40,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:12}.crazy-eights-app .ce-handoff .ce-card-panel p{margin:4px 0 14px;font-size:15px}.crazy-eights-app .ce-handoff-name{display:block;margin:6px 0;font:800 34px/1.1 Playful,Avenir Next,sans-serif;color:var(--play-accent)}.crazy-eights-app:not([data-mode=bots]) .ce-bots-only,.crazy-eights-app:not([data-mode=hotseat]) .ce-hot-only,.crazy-eights-app[data-mode=hotseat] .ce-not-hot,.crazy-eights-app[data-mode=online][data-fill=wait] .ce-levels-row{display:none}.crazy-eights-app .ce-chips .ce-opt:disabled{opacity:.35;cursor:default}.crazy-eights-app .ce-rule:disabled{opacity:.45}.crazy-eights-app .ce-panel .ce-row3{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:520px){.crazy-eights-app .ce-suit{padding-right:8px;gap:5px}.crazy-eights-app .ce-suit-glyph{width:30px;height:30px;font-size:20px}.crazy-eights-app .ce-score{padding:6px 9px}.crazy-eights-app .ce-suit-name{display:none}}@media (max-height:500px){.crazy-eights-app .ce-suit-name{display:none}}@media (max-height:500px),(max-width:700px){.crazy-eights-app .ce-keys{display:none}}