@font-face{font-family:Patrick Hand;src:url(/assets/PatrickHand-Regular.ttf) format("truetype");font-display:swap}@font-face{font-family:Patrick Hand;src:url(/assets/PatrickHand-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Playpen Sans;src:url(/assets/PlaypenSans-Variable.ttf) format("truetype");font-display:swap}@font-face{font-family:Patrick Hand Punctuation;src:url(/assets/PatrickHand-Regular.ttf) format("truetype");font-weight:100 499;font-display:swap;unicode-range:U+0021,U+003F,U+00A1,U+00BF}@font-face{font-family:Patrick Hand Punctuation;src:url(/assets/PatrickHand-Bold.ttf) format("truetype");font-weight:500 900;font-display:swap;unicode-range:U+0021,U+003F,U+00A1,U+00BF}:root{color:#2f3d29;background:#ecd5b9;--font-body: "Patrick Hand", cursive;--font-menu: "Patrick Hand Punctuation", "Playpen Sans", sans-serif;font-family:var(--font-body);font-size:clamp(18px,4.5vw,22px);font-synthesis:none;--shadow: 0 18px 30px rgba(68, 90, 63, .18), 0 8px 14px rgba(68, 90, 63, .1)}html:lang(ja){--font-body: system-ui, "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;--font-menu: system-ui, "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif}html:lang(zh){--font-body: system-ui, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-menu: system-ui, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}html:is(:lang(ja),:lang(zh)) .card__header h1,html:is(:lang(ja),:lang(zh)) .button,html:is(:lang(ja),:lang(zh)) .choice{line-height:1.35;text-transform:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;touch-action:pan-x pan-y}#view-title:focus{outline:none}.info-links{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin-top:1rem}.intro-image{display:block;width:min(100%,320px);margin:.6rem auto;border:3px solid rgba(47,61,41,.25);border-radius:1rem;background:#fffdf5;padding:.35rem;box-shadow:var(--shadow)}.homescreen-video{display:block;width:100%;max-height:42vh;margin:.75rem auto;border:2px solid rgba(47,61,41,.25);border-radius:.8rem;background:#111}.intro-copy,.credits-copy{color:#59614d}.intro-copy--center{text-align:center}.intro-copy p{margin:.45rem 0}.intro-title{color:#2f3d29}.intro-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.85rem 0}.intro-nav__button{display:grid;width:2.7rem;min-width:2.7rem;height:2.7rem;place-items:center;border:3px solid #cba976;border-radius:50%;background:linear-gradient(180deg,#fff7e0,#f8d8a3);color:#2f3d29;font-size:1.25rem;font-weight:700}.intro-nav__button:disabled{opacity:.5}.intro-dots{display:flex;gap:.4rem}.intro-dot{width:.75rem;min-width:.75rem;height:.75rem;border:2px solid #cba976;border-radius:50%;background:#ffffffb3;padding:0}.intro-dot--active{border-color:#775f3d;background:#71b792}.legal-copy{max-height:55vh;overflow-y:auto;white-space:pre-wrap;color:#59614d;padding:.75rem;border:2px solid rgba(47,61,41,.25);border-radius:.8rem;background:#ffffff9e}body{position:relative;min-height:100dvh;background:radial-gradient(circle at 12% 20%,rgb(255 255 255 / 35%) 0,transparent 45%),radial-gradient(circle at 80% 15%,rgb(255 210 180 / 40%) 0,transparent 40%),radial-gradient(circle at 35% 75%,rgb(225 199 239 / 30%) 0,transparent 45%),radial-gradient(circle at 50% 38%,#fff0dc,#f6e4cb 55%,#e5ceb2);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;overflow-x:hidden}.app-background{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}button,input,select{font:inherit}button,canvas{touch-action:manipulation}.app-shell{position:relative;z-index:1;width:min(100%,560px);min-height:100dvh;margin:0 auto;padding:max(.75rem,env(safe-area-inset-top)) .75rem max(1rem,env(safe-area-inset-bottom));overflow-x:hidden}.app-shell--drawing{display:grid;height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr);padding-top:max(.35rem,env(safe-area-inset-top));padding-bottom:max(.45rem,env(safe-area-inset-bottom))}.app-shell--drawing .topbar{min-height:2.35rem;margin-bottom:.25rem}.app-shell--drawing .topbar__logo{max-height:2.25rem}.app-shell--drawing .party-pill{display:none}.app-shell--drawing #main-content{display:grid;min-height:0}.app-shell--round{padding-bottom:calc(12.5rem + env(safe-area-inset-bottom))}.round-card-hand{position:fixed;z-index:30;bottom:max(.15rem,env(safe-area-inset-bottom));left:50%;width:min(100%,560px);height:12.5rem;pointer-events:none;transform:translate(-50%)}.round-card-hand__card{position:absolute;z-index:var(--hand-index);bottom:.55rem;left:50%;width:clamp(8rem,36vw,10rem);border:0;background:none;padding:0;cursor:pointer;pointer-events:auto;touch-action:manipulation;transform:translate(-50%) translate(var(--hand-offset)) rotate(var(--hand-rotation));transform-origin:50% 92%;transition:transform .16s ease,filter .16s ease}.round-card-hand__card:hover,.round-card-hand__card:focus-visible{outline:none;filter:brightness(1.04);transform:translate(-50%) translate(var(--hand-offset)) translateY(-.7rem) rotate(var(--hand-rotation)) scale(1.03)}.round-card-hand__card:active{transform:translate(-50%) translate(var(--hand-offset)) translateY(-.45rem) rotate(var(--hand-rotation)) scale(.98)}.round-card-hand__card:focus-visible .power-card-view{outline:3px solid #2f3d29;outline-offset:2px}.power-card-view{position:relative;box-sizing:border-box;overflow:visible;border:3px solid #74675a;border-radius:16px;background:radial-gradient(circle at 18% 22%,rgb(91 72 48 / 5%) 0 1px,transparent 1.5px) 0 0 / 19px 21px,radial-gradient(circle at 78% 68%,rgb(91 72 48 / 4%) 0 1px,transparent 1.5px) 0 0 / 27px 23px,linear-gradient(97deg,#fffdf5,#fff9ed 52%,#fffdf5);box-shadow:0 .42rem #cbbba2,0 .75rem 1.2rem #44362938;color:#2f3d29;text-align:left}.power-card-view:before{position:absolute;z-index:0;inset:.38rem;border:1px solid rgb(116 103 90 / 24%);border-radius:10px;content:"";pointer-events:none}.power-card-view:after{position:absolute;z-index:0;top:0;right:0;width:1.15rem;height:1.15rem;background:linear-gradient(225deg,#decfb7 0 48%,transparent 50%);border-radius:0 12px 0 0;content:"";opacity:.6;pointer-events:none}.power-card-view__tape{position:absolute;z-index:3;top:.4rem;left:50%;width:48%;height:.75rem;background:var(--power-card-tone);box-shadow:0 1px #2f3d291f;opacity:.82;transform:translate(-50%) rotate(-1.8deg)}.power-card-view__icon{position:relative;z-index:1;box-sizing:border-box;display:block;border:2px solid color-mix(in srgb,var(--power-card-tone),#2f3d29 36%);border-radius:46% 54% 49% 51%;background:color-mix(in srgb,var(--power-card-tone),#fffdf5 62%);box-shadow:0 .2rem color-mix(in srgb,var(--power-card-tone),#6d5c45 28%),0 .35rem .55rem #44362924;object-fit:contain;transform:rotate(-1deg)}.power-card-view__copy{position:relative;z-index:1;min-width:0}.power-card-view__name,.power-card-view__description,.power-card-view__route{display:block;overflow:visible;margin:0;text-overflow:clip;white-space:normal}.power-card-view__name{font-weight:800;line-height:1.08}.power-card-view__description{color:#59614d;line-height:1.3}.power-card-view__route{margin-top:.35rem;color:#59614d;font-size:.78rem;font-weight:700;line-height:1.15}.power-card-view--full{display:grid;width:min(100%,18rem);min-height:25rem;grid-template-rows:9.4rem auto;gap:.8rem;padding:1.55rem 1.3rem 1.3rem}.power-card-view--full .power-card-view__icon{width:8.5rem;height:8.5rem;justify-self:center;padding:1.15rem}.power-card-view--full .power-card-view__copy{display:grid;align-content:start;gap:.6rem;text-align:center}.power-card-view--full .power-card-view__name{min-height:2.7rem;font-size:1.4rem}.power-card-view--full .power-card-view__description{min-height:3.75rem;font-size:.96rem}.power-card-view--compact{display:grid;width:100%;aspect-ratio:5 / 7;grid-template-rows:minmax(0,1fr) auto;align-items:end;gap:.35rem;padding:1.15rem .7rem .75rem}.power-card-view--compact .power-card-view__icon{width:5.25rem;height:5.25rem;align-self:center;justify-self:center;padding:.7rem}.power-card-view--compact .power-card-view__copy{display:grid;align-content:center;min-height:3.35rem;text-align:center}.power-card-view--compact .power-card-view__name{font-size:.9rem;line-height:1.1;padding-block:1px}.power-card-view--compact .power-card-view__route{margin-top:.2rem;font-size:.67rem}.power-card-view--tcg{overflow:hidden;border:2px solid #101713;border-radius:18px;background:repeating-linear-gradient(112deg,rgb(255 255 255 / 3%) 0 1px,transparent 1px 8px),#1d2822;box-shadow:0 .46rem #111914,0 1rem 1.8rem #18141e57;color:#18231d}.power-card-view--tcg:before{z-index:2;inset:.28rem;border:1px solid color-mix(in srgb,var(--power-card-tone),#ffffff 15%);border-radius:13px;opacity:.72}.power-card-view--tcg:after{display:none}.power-card-view--full.power-card-view--tcg{display:block;width:min(100%,18.6rem);min-height:0;aspect-ratio:63 / 88;padding:.58rem}.power-card-view--compact.power-card-view--tcg{display:block;min-height:0;padding:.38rem}.tcg-card__surface{position:relative;z-index:1;box-sizing:border-box;display:grid;width:100%;height:100%;overflow:hidden;border:2px solid #9587af;border-radius:11px;background:#f7ecd5;box-shadow:inset 0 0 0 2px #fff6,inset 0 0 1.2rem #4e394b21}.power-card-view--full .tcg-card__surface{grid-template-rows:3.15rem minmax(0,1fr) 2.1rem 6.25rem;gap:.34rem;padding:.46rem}.power-card-view--compact .tcg-card__surface{grid-template-rows:2.05rem minmax(0,1fr) 1.35rem;gap:.22rem;padding:.3rem}.tcg-card__title{display:flex;align-items:center;min-width:0;border:2px solid #75688f;border-radius:8px 8px 5px 5px;background:linear-gradient(104deg,rgb(255 255 255 / 50%),transparent 45%),color-mix(in srgb,var(--power-card-tone),#f7ecd5 32%);box-shadow:inset 0 -.18rem #4e394b1f,0 .12rem #18231d2e}.power-card-view--full .tcg-card__title{padding:.26rem .7rem}.power-card-view--compact .tcg-card__title{padding:.12rem .36rem;border-width:1px;border-radius:5px 5px 3px 3px}.power-card-view--tcg .power-card-view__name{min-height:0;color:#18231d;font-family:var(--font-menu);font-size:1.35rem;font-weight:760;line-height:1.25;text-align:left}.power-card-view--compact.power-card-view--tcg .power-card-view__name{overflow:hidden;font-size:.78rem;line-height:1.05}.tcg-card__art{position:relative;min-height:0;overflow:hidden;border:3px solid #18231d;border-radius:4px;background:#28223f;box-shadow:inset 0 0 0 2px #9686b5,0 .18rem #18231d40}.power-card-view--compact .tcg-card__art{border-width:2px;border-radius:3px;box-shadow:inset 0 0 0 1px #9686b5}.tcg-card__background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.tcg-card__icon{position:absolute;top:50%;left:50%;display:block;width:7rem;height:7rem;filter:drop-shadow(0 .28rem .14rem rgb(24 35 29 / 24%));object-fit:contain;transform:translate(-50%,-50%)}.power-card-view--compact .tcg-card__icon{width:4.1rem;height:4.1rem;filter:drop-shadow(0 .16rem .08rem rgb(24 35 29 / 24%))}.tcg-card__band{position:relative;display:grid;grid-template-columns:minmax(2rem,1fr) auto minmax(2rem,1fr);align-items:center;gap:.42rem;border-block:2px solid #75688f;background:linear-gradient(90deg,#b7a8d4,#e5daf2 48%,#b7a8d4)}.tcg-card__band:before,.tcg-card__band:after{height:2px;background:#615477;content:"";opacity:.72}.tcg-card__band:before{margin-left:.35rem}.tcg-card__band:after{margin-right:.35rem}.tcg-card__band .power-card-view__route{grid-column:2;margin:0;color:#302b42;font-family:var(--font-menu);font-size:.76rem;font-weight:700;white-space:nowrap}.tcg-card__pip{grid-column:2;width:.58rem;height:.58rem;border:2px solid #55486b;background:#f7ecd5;transform:rotate(45deg)}.power-card-view--compact .tcg-card__band .power-card-view__route{font-size:.56rem}.tcg-card__rules{display:grid;align-items:center;border:2px solid #9e8dad;border-radius:5px 5px 8px 8px;background:radial-gradient(circle at 14% 22%,rgb(86 63 61 / 8%) 0 1px,transparent 1.5px) 0 0 / 18px 21px,linear-gradient(98deg,#fbf4e5,#f3e6d0 58%,#fbf4e5);box-shadow:inset 0 0 0 2px #ffffff7a;padding:.7rem .85rem}.power-card-view--tcg .tcg-card__rules .power-card-view__description{min-height:0;color:#26332c;font-family:var(--font-body);font-size:1.02rem;font-weight:700;line-height:1.28;text-align:left}.power-card-view--chip{display:inline-grid;width:max-content;max-width:100%;min-height:2.75rem;grid-template-columns:1.9rem minmax(0,auto);align-items:center;gap:.45rem;padding:.35rem .75rem .35rem .45rem;border-width:2px;border-radius:999px;box-shadow:0 .18rem #cbbba2,0 .3rem .5rem #44362924}.power-card-view--chip .power-card-view__tape{display:none}.power-card-view--chip .power-card-view__icon{width:1.9rem;height:1.9rem;padding:.22rem}.power-card-view--chip .power-card-view__name{font-size:.83rem;line-height:1.35;white-space:nowrap}.active-card-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0 0 .65rem}.topbar{position:relative;display:flex;min-height:3.4rem;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.4rem}.topbar__actions,.sound-actions,.report-row>div{display:flex;align-items:center;gap:.45rem}.topbar__actions{position:absolute;right:0}.topbar__settings{width:2.5rem;min-width:2.5rem;height:2.5rem;border:2px solid #c17829;border-radius:50%;background:#fff0cb;color:#2f3d29;font-weight:700;box-shadow:0 .2rem #d9a15e}.topbar__settings svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.topbar__logo{display:block;width:min(280px,66vw);height:auto;max-height:3.2rem;object-fit:contain;object-position:center;filter:drop-shadow(2px 4px 6px black)}.connection-badge,.party-pill{border:2px solid #c18a3a;border-radius:999px;background:#fff5dd;color:#6a481c;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.connection-badge--online{border-color:#74a487;background:#e9fbf4;color:#3f6a51}.party-pill{width:fit-content;margin:0 auto .7rem;letter-spacing:.08em}.notice{display:block;width:100%;margin:0 0 .8rem;border:2px solid #d77474;border-radius:16px;background:#fff0f0;color:#793a39;padding:.55rem .7rem;text-align:left;overflow-wrap:anywhere}.card{position:relative;overflow:hidden;border:5px solid #fff;border-radius:20px;background:var(--card-bg);box-shadow:0 8px #634b3438,0 16px 28px #634b3424;width:100%;max-width:100%;min-width:0}.card__header,.card__body,.form-stack,.form-stack label{min-width:0;max-width:100%}.card__header p{overflow-wrap:anywhere}.card:after{position:absolute;right:10px;bottom:10px;left:10px;height:8px;border-bottom:2px dashed color-mix(in srgb,var(--card-border) 35%,transparent);content:"";pointer-events:none}.card--gold{--card-bg: #fff8e3;--card-border: #f7ce6f;--header-bg: #f7ce6f}.card--sky{--card-bg: #e8f4ff;--card-border: #8eb4fb;--header-bg: #8eb4fb}.card--mint{--card-bg: #ecfff6;--card-border: #71d3b0;--header-bg: #71d3b0}.card--peach{--card-bg: #fff4e8;--card-border: #fba08e;--header-bg: #fba08e}.card--purple{--card-bg: #f3edff;--card-border: #b6a3ff;--header-bg: #b6a3ff}.card--rose{--card-bg: #fff0f4;--card-border: #f58ab2;--header-bg: #f58ab2}.card__header{padding:.85rem 1.2rem;border-bottom:0;background:var(--header-bg);text-align:center}.card__header h1{margin:0;color:#fff;font-family:var(--font-menu);font-size:clamp(1.2rem,5vw,1.7rem);font-weight:600;line-height:1.15;text-transform:uppercase;text-shadow:0 2px 0 rgba(62,53,43,.14)}.card__body{padding:1rem 1rem 1.35rem}.card--drawing{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);border-width:3px;border-radius:16px;box-shadow:0 5px #634b3433,0 10px 18px #634b341f}.card--drawing .card__header{padding:.35rem .65rem}.card--drawing .card__header h1{font-size:clamp(.9rem,4vw,1.2rem);line-height:1.05}.card--drawing .card__body{display:grid;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.3rem;padding:.4rem .55rem .7rem}.card--drawing .card__subtitle{margin:0;font-size:clamp(.8rem,3.6vw,1rem);line-height:1.1}.card--drawing .timer{flex:0 0 auto;min-width:2.7rem;margin:0;border-width:2px;padding:.05rem .55rem;font-size:1rem;line-height:1.2}.drawing-status{display:flex;min-width:0;align-items:center;justify-content:center;gap:.4rem}.card--drawing .active-card-chips{min-width:0;flex:0 1 auto;justify-content:center;gap:.3rem;margin:0;padding:.15rem 0 .25rem}.card--drawing .power-card-view--chip{min-height:2.3rem;flex:0 0 auto;grid-template-columns:1.55rem minmax(0,auto);gap:.35rem;padding:.25rem .65rem .25rem .35rem}.card--drawing .power-card-view--chip .power-card-view__icon{width:1.55rem;height:1.55rem;padding:.17rem}.card--drawing .power-card-view--chip .power-card-view__name{font-size:.72rem}.card--drawing .action-row{gap:.45rem;margin-top:.05rem}.card--drawing .action-row .button{min-height:2.35rem;padding:.35rem .55rem;font-size:.7rem}.card__subtitle{margin:0 0 .85rem;overflow-wrap:anywhere;text-align:center}.form-stack,.form-stack label{display:grid;gap:.45rem}.form-stack{gap:1rem}label{font-weight:700}input,select{width:100%;min-height:2.8rem;border:2px solid #cba976;border-radius:16px;outline:0;background:#fffdf5eb;color:#2f3d29;padding:.55rem .75rem}input:focus,select:focus{border-color:#5c8d63;box-shadow:0 0 0 4px #5c8d632e}.button,.choice{position:relative;min-height:2.75rem;border:2px solid #c17829;border-radius:24px;background:linear-gradient(#fff9ec,#ffd69a);box-shadow:0 .34rem #d9a15e;color:#3a260f;padding:.55rem 1rem;font-family:var(--font-menu);font-size:.78rem;font-weight:700;text-transform:uppercase}.join-legal,.join-homescreen{margin:0;color:#59614d;font-size:.88rem;font-weight:400;text-align:center}.join-homescreen{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;padding:.7rem;border:2px dashed rgba(61,95,70,.2);border-radius:12px;background:#ffffffb8}.text-link{display:inline-flex;min-width:2.5rem;min-height:2.5rem;align-items:center;justify-content:center;border:0;background:none;color:#5c8d63;padding:0;font:inherit;font-weight:700;text-decoration:underline}.button:active,.choice:active{transform:translateY(.22rem);box-shadow:0 .1rem #d9a15e}.button:disabled,.choice:disabled,.reaction:disabled{opacity:.45;filter:grayscale(.5)}.button--primary{border-color:#c17829;background:linear-gradient(#fff9ec,#ffd69a);box-shadow:0 .34rem #d9a15e;color:#3a260f}.button--danger{border-color:#a94343;background:linear-gradient(#fff4ef,#f4a69a);box-shadow:0 .34rem #c66e64;color:#4d1717}.button--ghost{border-color:#9a896d;background:linear-gradient(#fffdf5,#eadfc9);box-shadow:0 .34rem #b9aa8e}.app-menu{position:fixed;z-index:1050;inset:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:max(4.65rem,calc(env(safe-area-inset-top) + 4rem)) max(.75rem,env(safe-area-inset-right)) .75rem;overflow-y:auto;background:#2f3d2947}.app-menu__panel{width:min(22rem,calc(100vw - 1.5rem));border:3px solid #fff;border-radius:20px;background:#fff5dd;box-shadow:0 7px #99682b52,0 16px 30px #2f3d293d;padding:.8rem}.app-menu__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.app-menu__header h2{margin:0;font-family:var(--font-menu);font-size:1.35rem}.app-menu__close{display:grid;width:2.35rem;min-width:2.35rem;height:2.35rem;place-items:center;border:2px solid #9a896d;border-radius:50%;background:#fffdf5;color:#2f3d29;padding:0;font-size:1.5rem;line-height:1}.app-menu__actions{display:grid;gap:.7rem}.app-menu__toggle{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem;padding:.65rem .8rem;border:2px solid #9a896d;border-radius:14px;background:#fffdf5;font-weight:700}.app-menu__toggle input{width:1.5rem;height:1.5rem;accent-color:#527b3d}.voice-line-modal{position:fixed;z-index:1080;inset:0;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:#2f3d297a}.voice-line-modal__panel{width:min(100%,31rem);border:3px solid #fff;border-radius:22px;background:#fff5dd;box-shadow:0 8px #99682b59,0 22px 45px #2f3d294d;padding:1rem}.voice-line-modal__panel textarea{width:100%;min-height:8rem;resize:vertical}.voice-line-modal__meta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;color:#655844;font-size:.9rem}.voice-line-modal__meta strong{white-space:nowrap}.game-stop-vote{position:fixed;z-index:1100;top:0;right:0;left:0;display:flex;justify-content:center;padding:max(.75rem,env(safe-area-inset-top)) .75rem 0;pointer-events:none}.game-stop-vote__card{width:min(100%,31rem);padding:.9rem 1rem 1rem;border:3px solid #8e3f3f;border-radius:18px;background:#fff8ed;box-shadow:0 18px 42px #491c1c47;pointer-events:auto}.game-stop-vote__card header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.game-stop-vote__card h2,.game-stop-vote__card p{margin:0}.game-stop-vote__card h2{font-family:var(--font-menu);font-size:1.35rem}.game-stop-vote__card header strong{min-width:2.7rem;color:#8e3f3f;text-align:right}.game-stop-vote__card>p{margin-top:.45rem}.game-stop-vote__count,.game-stop-vote__received{font-weight:700}.game-stop-vote__actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.8rem}.game-stop-vote--voted .game-stop-vote__card{width:min(100%,26rem);padding:.7rem .85rem}.game-stop-vote--voted .game-stop-vote__card>p:not(.game-stop-vote__count,.game-stop-vote__received){display:none}@media(max-width:430px){.game-stop-vote__actions{grid-template-columns:1fr}}.button--wide{width:100%;margin-top:.9rem}.button--small{min-height:2.5rem;padding:.35rem .65rem;font-size:.78rem}.action-row{display:grid;grid-template-columns:1fr 1.2fr;gap:.7rem;margin-top:.9rem}.timer{width:fit-content;min-width:3.2rem;margin:0 auto .7rem;border:3px solid #2f3d29;border-radius:999px;background:#fffdf5;padding:.15rem .7rem;font-size:1.35rem;font-weight:700;text-align:center}.drawing-wrap canvas{display:block;width:100%;height:auto;border:4px solid #775f3d;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 6px #eadfc9,0 8px 18px #2f3d292e;touch-action:none}.drawing-wrap{position:relative}.drawing-wrap--game{display:grid;min-height:0;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.drawing-wrap--game canvas{width:auto;max-width:100%;height:100%;max-height:100%;justify-self:center}.lights-out{position:absolute;inset:0 0 3.4rem;z-index:2;border-radius:20px;pointer-events:none;animation:lights-out 8s forwards}.drawing-wrap canvas{aspect-ratio:475 / 590}.drawing-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;margin-top:.7rem}.drawing-wrap--game .drawing-tools{flex-wrap:nowrap;gap:.4rem;margin-top:.3rem;padding:.2rem 0}.drawing-wrap--game .color-dot{width:clamp(2rem,9vw,2.65rem);height:clamp(2rem,9vw,2.65rem);border-width:3px}.color-dot{width:3rem;height:3rem;border:4px solid #5f5f5f;border-radius:12%;background:var(--dot)}.color-dot--active{border-style:dashed;transform:scale(1.12)}.color-dot:disabled{cursor:not-allowed;opacity:.38}@keyframes lights-out{0%{background:#0000}35%{background:#0000006b}65%{background:#000000b3}to{background:#000000f5}}.status-doodle{display:flex;height:6rem;align-items:center;justify-content:center;gap:.7rem}.status-doodle span{width:1.05rem;height:1.05rem;border:3px solid #5c8d63;border-radius:47% 53% 42% 58%;background:#fffdf5;animation:bounce 1s infinite alternate ease-in-out}.status-doodle span:nth-child(2){animation-delay:.18s}.status-doodle span:nth-child(3){animation-delay:.36s}.waiting-paint-instruction{max-width:25rem;margin:.25rem auto .8rem;color:#4f6148;text-align:center}.waiting-paint-canvas{position:fixed;z-index:30;inset:0;display:block;pointer-events:none}.waiting-paint-interaction-target{position:fixed;z-index:31;top:0;left:0;border-radius:50%;touch-action:none;-webkit-user-select:none;user-select:none}.high-contrast .waiting-paint-instruction{color:#1f291c;font-weight:700}@keyframes bounce{to{transform:translateY(-.8rem) rotate(18deg)}}.player-list,.ranking{display:grid;margin:0;padding:0;gap:.6rem;list-style:none}.player-list--compact{margin-top:1rem}.player-list--compact .player-chip{grid-template-columns:3.2rem 1fr}.player-chip{display:grid;grid-template-columns:3.2rem 1fr auto;align-items:center;gap:.7rem;border:2px solid rgba(180,124,52,.45);border-radius:18px;background:#fffdf5c7;padding:.35rem .55rem}.player-chip .button{min-height:2.5rem;padding:.2rem .45rem}.player-chip img{width:3.2rem;height:3.2rem;border:2px solid #775f3d;border-radius:14px;background:#fffdf5;object-fit:cover}.player-chip b{border-radius:999px;background:#f5c27a;padding:.1rem .45rem;font-size:.7rem;text-transform:uppercase}.player-chip--offline{opacity:.5}.lobby-meta,.helper{margin:.8rem 0 0;color:#59614d;text-align:center}.choice-list,.power-cards,.reaction-list{display:grid;gap:.75rem}.choice{width:100%;min-height:3.3rem;text-transform:none}.power-card,.reaction-row,.ranking li{border:2px solid rgba(92,78,53,.28);border-radius:18px;background:#fffdf5d1;padding:.65rem}.power-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.55rem}.power-cards--hand{grid-template-columns:repeat(2,minmax(0,1fr))}.power-card--select{display:block;min-width:0;padding:.55rem;background:#fffdf5d1}.power-card--select .power-card__image{width:100%;max-height:15rem}.card-target-flow{text-align:center}.power-card__image--selected{display:block;width:min(7rem,34vw);margin:0 auto .7rem}.card-targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.card-target{display:grid;min-width:0;min-height:4.4rem;grid-template-columns:2.6rem 1fr;align-items:center;gap:.45rem;border:2px solid rgb(92 78 53 / 28%);border-radius:16px;background:#fffdf5d1;padding:.45rem;color:#2f3d29;text-transform:none}.card-target img{width:2.6rem;height:2.6rem;border:2px solid #775f3d;border-radius:12px;background:#fff;object-fit:cover}.power-card__image{width:min(8rem,34vw);max-height:10rem;object-fit:contain}.card-picker{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:1.25rem 1rem 2.5rem;background:#ecd5b9eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-picker__panel{width:min(500px,100%);overflow:hidden;border:3px solid #a994df;border-radius:24px;background:#f8f1ff;box-shadow:0 .65rem #50422e2e}.card-picker__panel--targets{border-color:#78b6e8;background:#eef7ff}.card-picker__header{display:flex;min-height:4.8rem;align-items:center;gap:.75rem;padding:.9rem 1.15rem 1.1rem;border-bottom:2px dashed rgb(92 78 53 / 25%);background:#dcd0ff}.card-picker__panel--targets .card-picker__header{background:#cfe9ff}.card-picker__header h2,.card-picker__header p{margin:0}.card-picker__header h2{font-size:1.35rem}.card-picker__header p{color:#59614d;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.card-picker__badge,.card-picker__back{display:inline-grid;width:2.4rem;height:2.4rem;flex:0 0 auto;place-items:center;border:2px solid rgb(92 78 53 / 28%);border-radius:50%;background:#fffdf5cc;color:#2f3d29;font-size:1.4rem}.card-picker__back{padding:0;cursor:pointer}.card-picker__body{padding:1rem 1.15rem 1.25rem}.card-picker__selected{display:grid;width:100%;place-items:center;margin:0 auto 1rem}.card-picker__players{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.card-picker__player{display:grid;min-width:0;min-height:3.7rem;grid-template-columns:2.4rem 1fr;align-items:center;gap:.65rem;border:2px dashed rgb(95 121 83 / 50%);border-radius:15px;background:#ffffffb3;padding:.55rem .75rem;color:#2f3d29;cursor:pointer;touch-action:manipulation;text-transform:none;transition:background .14s ease,border-color .14s ease,transform .14s ease}.card-picker__player:focus-visible{border-color:#2f75a8;outline:none;background:#fff;transform:translateY(-2px)}@media(hover:hover){.card-picker__player:hover{border-color:#2f75a8;background:#fff;transform:translateY(-2px)}}.card-picker__player:active{transform:scale(.98)}.card-picker__player:disabled{cursor:wait;opacity:.58;transform:none}.card-picker__player img{width:2.4rem;height:2.4rem;border-radius:50%;object-fit:cover}.card-picker__player span{overflow:hidden;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.card-picker{align-items:flex-end;padding:.75rem .5rem max(.75rem,env(safe-area-inset-bottom))}.card-picker__panel--targets{max-height:calc(100dvh - 1.5rem - env(safe-area-inset-bottom));overflow-y:auto}.card-picker__header{min-height:4rem;padding:.7rem .9rem .8rem}.card-picker__body{padding:.75rem .9rem 1rem}.card-picker__selected{width:100%}.card-picker__players{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.45rem}.card-picker__player{min-height:4rem}}.power-card select{grid-column:1 / -1}.reaction-row p{margin:0 0 .45rem}.reaction-row>div{display:flex;gap:.45rem}.reaction{width:3rem;height:2.7rem;border:2px solid #9a896d;border-radius:16px;background:#fffdf5}.reaction img{width:1.7rem;height:1.7rem;object-fit:contain}.card-reward-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;overflow:hidden;background:var(--reward-color);color:#111;animation:card-flash-in .2s ease-out both}.card-reward-overlay__content{position:relative;z-index:1;display:grid;width:min(92vw,46rem);place-items:center;gap:1rem;padding:1rem}.card-reward-overlay__content>strong{font-size:clamp(2rem,9vw,3.2rem);font-weight:900;letter-spacing:.1em;line-height:1.08;text-align:center;text-shadow:2px 2px 0 rgb(255 255 255 / 50%);text-transform:uppercase}.card-reward-overlay__fan{display:grid;width:min(92vw,42rem);min-height:19rem;place-items:center}.card-reward-overlay__fan>div{grid-area:1 / 1;width:min(13rem,48vw);transform:translate(var(--reward-card-offset)) rotate(var(--reward-card-rotation));transform-origin:50% 110%}.card-reward-overlay .power-card-view--full{width:min(84vw,18rem)}@media(max-width:420px){.card-reward-overlay__fan{width:100%;min-height:17rem}.card-reward-overlay__fan>div{width:40vw;transform:translate(var(--reward-card-mobile-offset)) rotate(var(--reward-card-rotation))}}.card-reward-overlay__confetti,.card-reward-overlay__confetti i{position:absolute;inset:0;pointer-events:none}.card-reward-overlay__confetti i{left:var(--x);width:.6rem;height:1.1rem;background:#fff3b0;transform:rotate(var(--turn));animation:reward-confetti 1.25s linear var(--delay) infinite}.card-reward-overlay__confetti i:nth-child(3n+2){background:#a9e8f2}.card-reward-overlay__confetti i:nth-child(3n){background:#f7a8c8}@keyframes card-flash-in{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes reward-confetti{0%{translate:0 -10vh;rotate:0deg}to{translate:6vw 115vh;rotate:420deg}}@media(prefers-reduced-motion:reduce){.card-reward-overlay,.card-reward-overlay__confetti i{animation:none}}@media(prefers-contrast:more){.power-card-view{border-color:#111;border-width:3px;box-shadow:none}}.saved-avatar{display:block;width:min(70%,16rem);aspect-ratio:1;margin:0 auto 1rem;border:3px solid #775f3d;border-radius:22px;background:#fffdf5;object-fit:cover}.sound-chooser,.party-settings,.report-row{margin-top:1rem;border:2px solid rgb(92 78 53 / 28%);border-radius:18px;background:#fffdf5c2;padding:.7rem}.sound-chooser{margin-top:0;border:0;background:transparent;padding:0}.sound-chooser__intro{margin:0 0 .8rem;color:#59614d;font-size:.88rem;text-align:center}.sound-actions{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.6rem}.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.sound-choice{--choice-accent: #e38b6c;--choice-bg: #fff2e9;position:relative;display:flex;min-width:0;min-height:6.3rem;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;border:2px solid color-mix(in srgb,var(--choice-accent) 65%,#775f3d);border-radius:18px;background:linear-gradient(155deg,#fffdf8 5%,var(--choice-bg));box-shadow:0 .25rem color-mix(in srgb,var(--choice-accent) 55%,#9a896d);color:#2f3d29;padding:.55rem .35rem .45rem;transition:transform .14s ease,box-shadow .14s ease}.sound-choice:nth-child(2){--choice-accent: #70a9d8;--choice-bg: #eaf6ff}.sound-choice:nth-child(3){--choice-accent: #9b8ad4;--choice-bg: #f1edff}.sound-choice__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--choice-accent) 25%,#fff);color:color-mix(in srgb,var(--choice-accent) 70%,#2f3d29)}.sound-choice__icon svg{width:1.65rem;height:1.65rem;fill:color-mix(in srgb,var(--choice-accent) 80%,#2f3d29);stroke:currentcolor;stroke-linecap:round;stroke-width:2}.sound-choice__wave{display:flex;height:.65rem;align-items:center;gap:.12rem}.sound-choice__wave i{width:.12rem;height:calc(var(--bar) * .065rem);border-radius:999px;background:var(--choice-accent)}.sound-choice__name{max-width:100%;font-size:.66rem;line-height:1;overflow-wrap:anywhere;text-transform:capitalize}.sound-choice--selected{border-color:#5c8d63;box-shadow:0 0 0 3px #5c8d6333,0 .25rem #75a77c;transform:translateY(-.14rem)}.sound-choice:active{box-shadow:0 .08rem color-mix(in srgb,var(--choice-accent) 55%,#9a896d);transform:translateY(.16rem)}.sound-choice__check,.record-panel__check{position:absolute;z-index:1;display:grid;width:1.35rem;height:1.35rem;place-items:center;border:2px solid #fff;border-radius:50%;background:#5c8d63;box-shadow:0 2px 4px #2f3d2933;color:#fff;opacity:0;transform:scale(.65);transition:opacity .14s ease,transform .14s ease}.sound-choice__check{top:-.45rem;right:-.35rem}.sound-choice__check svg,.record-panel__check svg{width:.85rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.sound-choice--selected .sound-choice__check,.record-panel--selected .record-panel__check{opacity:1;transform:scale(1)}.record-panel{position:relative;margin-top:.9rem;border:2px solid #d39aab;border-radius:16px;background:linear-gradient(145deg,#fffdf8,#fff0f4);box-shadow:0 .25rem #d9a8b5;padding:.65rem .75rem .75rem}.record-panel--selected{border-color:#5c8d63;box-shadow:0 0 0 3px #5c8d632e,0 .25rem #75a77c}.record-panel__check{top:-.45rem;right:-.4rem}.record-panel__heading{display:flex;align-items:center;justify-content:center;gap:.45rem;color:#5a3e46;font-size:.82rem;text-align:center}.record-panel__heading strong:first-letter{text-transform:uppercase}.record-panel__icon{display:grid;width:1.8rem;min-width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:#f8d4df;color:#a44d68}.record-panel__icon svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.waveform{display:flex;height:2.75rem;align-items:center;justify-content:center;gap:.18rem;margin-top:.25rem;border-radius:12px;background:#ffffff8c}.waveform i{width:.18rem;height:calc(var(--level, var(--bar)) * .18rem);border-radius:999px;background:#bd8294;transition:height 80ms linear,background-color .16s ease}.waveform--recording i{background:#d85a57}.record-button{display:grid;width:3.15rem;min-width:3.15rem;height:3.15rem;place-items:center;border:3px solid #a44d68;border-radius:50%;background:linear-gradient(#fff8fa,#f8d4df);box-shadow:0 .24rem #bd8294;color:#a44d68;padding:0}.record-button svg,.record-select svg,.record-preview svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.record-button:active,.record-select:active,.record-preview:active{box-shadow:0 .08rem #bd8294;transform:translateY(.14rem)}.record-select,.record-preview{display:grid;width:2.65rem;min-width:2.65rem;height:2.65rem;place-items:center;border:2px solid #5c8d63;border-radius:50%;background:#effaf1;box-shadow:0 .22rem #8db992;color:#476f4d;padding:0}.record-select svg{fill:none;stroke:currentcolor;stroke-width:2.5}.record-select[aria-pressed=true]{background:#dff4e3;box-shadow:inset 0 0 0 2px #5c8d63,0 .22rem #8db992}.record-preview svg{fill:currentcolor;stroke:none}.sound-choice:focus-visible,.record-button:focus-visible,.record-select:focus-visible,.record-preview:focus-visible{outline:3px solid #2f3d29;outline-offset:3px}.sound-chooser .helper{min-height:1.15rem;margin-top:.45rem;font-size:.76rem}.party-settings summary{cursor:pointer;font-weight:700}.party-settings form{margin-top:.8rem}.toggle-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.8rem}.toggle-row input{width:2.5rem;min-height:2.5rem}.report-list{display:grid;max-height:56dvh;overflow-y:auto;gap:.7rem}.report-row{margin:0}.report-row p{margin:0 0 .6rem}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.high-contrast{--shadow: 0 0 0 3px #2f3d29}.high-contrast .card,.high-contrast input,.high-contrast select,.high-contrast button{border-color:#2f3d29}.ranking{counter-reset:rank}.ranking li{display:flex;justify-content:space-between;gap:.8rem;counter-increment:rank}.ranking li span:before{content:counter(rank) ". ";font-weight:700}.award-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.55rem;margin-top:.8rem}.award{display:grid;gap:.2rem;border:2px solid rgb(177 109 109 / 45%);border-radius:16px;background:#fffdf5c7;padding:.55rem;text-align:center}@media(max-width:370px){.app-shell{padding-right:.45rem;padding-left:.45rem}.card__body{padding-right:.7rem;padding-left:.7rem}}@media(orientation:landscape)and (max-height:500px){.app-shell--drawing{width:min(100%,900px);padding:max(.25rem,env(safe-area-inset-top)) max(.4rem,env(safe-area-inset-right)) max(.3rem,env(safe-area-inset-bottom)) max(.4rem,env(safe-area-inset-left));grid-template-rows:minmax(0,1fr)}.app-shell--drawing .topbar{position:absolute;z-index:80;top:max(.4rem,env(safe-area-inset-top));right:max(.4rem,env(safe-area-inset-right));min-height:0;margin:0}.app-shell--drawing .topbar__logo{display:none}.app-shell--drawing .topbar__actions{position:static}.app-shell--drawing .topbar__settings{background:#fff0cbf0}.card--drawing .card__header{padding-right:3.5rem}.app-menu{align-items:center;padding:max(.4rem,env(safe-area-inset-top)) max(.4rem,env(safe-area-inset-right)) max(.4rem,env(safe-area-inset-bottom)) max(.4rem,env(safe-area-inset-left))}.app-menu__panel{max-height:calc(100dvh - .8rem);padding:.55rem;overflow-y:auto}.app-menu__header{margin-bottom:.4rem}.app-menu__header h2{font-size:1.15rem}.app-menu__close{width:2rem;min-width:2rem;height:2rem;font-size:1.3rem}.app-menu__actions{gap:.4rem}.app-menu__toggle{min-height:2.35rem;padding:.35rem .65rem}.app-menu__actions .button{min-height:2.35rem;padding-top:.4rem;padding-bottom:.4rem}.card--drawing .card__body{grid-template-columns:minmax(0,1fr) minmax(11rem,.52fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:.65rem}.card--drawing .card__subtitle{grid-column:2;grid-row:1}.card--drawing .drawing-status{grid-column:2;grid-row:2}.card--drawing .drawing-wrap--game{grid-column:1;grid-row:1 / 4}.card--drawing .action-row{align-self:end;grid-column:2;grid-row:3;grid-template-columns:1fr}}