@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}:root{color:#2f3d29;background:#ecd5b9;font-family:Patrick Hand,cursive;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)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}#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}.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(0 3px 0 rgba(74,52,31,.2))}.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}.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:Playpen Sans,sans-serif;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{min-width:2.7rem;margin:0 auto;border-width:2px;padding:.05rem .55rem;font-size:1rem;line-height:1.2}.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;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:Playpen Sans,sans-serif;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--ghost{border-color:#9a896d;background:linear-gradient(#fffdf5,#eadfc9);box-shadow:0 .34rem #b9aa8e}.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}.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}@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__hand{display:flex;min-height:9rem;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:.35rem;padding:.5rem 0}.card-picker__card{display:flex;min-width:5.6rem;align-items:flex-end;justify-content:center;border:0;background:none;padding:0;transform:rotate(var(--card-rotation))}.card-picker__card img{width:clamp(4.5rem,18vw,6.5rem);filter:drop-shadow(0 6px 14px rgb(55 74 59 / 18%));transition:transform .18s ease,filter .18s ease}.card-picker__card:focus img,.card-picker__card:hover img{transform:translateY(-.5rem) scale(1.02);filter:drop-shadow(0 10px 20px rgb(55 74 59 / 24%))}.card-picker__empty{display:grid;width:5rem;height:5rem;place-items:center;border:2px dashed rgb(95 121 83 / 35%);border-radius:50%;color:#59614d;font-size:2.4rem}.card-picker__selected{display:block;width:clamp(5rem,20vw,7rem);margin:0 auto 1rem;filter:drop-shadow(0 8px 16px rgb(55 74 59 / 20%))}.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;text-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{padding:1rem .75rem 2rem}.card-picker__header{min-height:4rem;padding:.7rem .9rem .8rem}.card-picker__body{padding:.75rem .9rem 1rem}.card-picker__hand{min-height:6.25rem;gap:.2rem;padding:.25rem 0}.card-picker__card{min-width:4rem}.card-picker__card img{width:clamp(3.5rem,24vw,4.5rem)}.card-picker__selected{width:clamp(4rem,22vw,5.5rem)}.card-picker__players{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.45rem}}.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 strong{position:relative;z-index:1;max-width:90vw;padding:.5em;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__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}}.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-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-preview:active{box-shadow:0 .08rem #bd8294;transform:translateY(.14rem)}.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-preview svg{fill:currentcolor;stroke:none}.sound-choice:focus-visible,.record-button: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{display:none}.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 .timer{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}}