:root{--color-bg:#0c0808;--color-paper:#f7efe2;--color-ink:#fff8ef;--color-muted:#d9c8b7;--color-line:#f7efe233;--color-menu:#221816eb;--color-menu-strong:#361a19f5;--color-red:#a83232;--color-red-dark:#5d181b;--color-gold:#d5a94f;--shadow:0 24px 70px #0000006b;--font-base:system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "YuGothic", sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-height:100%}body{min-height:100vh;color:var(--color-ink);font-family:var(--font-base);background:linear-gradient(#0c0808d1,#0c0808fa),repeating-linear-gradient(90deg,#f7efe206 0 1px,#0000 1px 9px),linear-gradient(135deg,#170b0d 0%,#0c0808 45%,#1d1610 100%);margin:0}button,a{color:inherit;font:inherit}button{cursor:pointer}.party-shell{width:min(620px,100% - 28px);min-height:100vh;margin:0 auto;padding:18px 0 40px}.top-link{margin-bottom:16px}.top-link a{border:1px solid var(--color-line);min-height:38px;color:var(--color-muted);background:#f7efe214;border-radius:999px;align-items:center;padding:8px 12px;font-size:.86rem;font-weight:750;text-decoration:none;display:inline-flex}.app-stage{min-height:calc(100vh - 96px)}.party-hero{border:1px solid var(--color-line);background:linear-gradient(135deg, #a8323275, #0c080838 44%), linear-gradient(180deg, #f7efe21c, transparent 34%), var(--color-menu-strong);min-height:260px;box-shadow:var(--shadow);border-radius:18px 18px 8px 8px;flex-direction:column;justify-content:flex-end;padding:30px 22px 28px;display:flex}.label{color:var(--color-gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:850}h1,h2,p{margin-top:0}h1{color:#fff5e8;letter-spacing:0;text-shadow:0 16px 36px #00000075;margin-bottom:14px;font-family:Spectral,Georgia,serif;font-size:clamp(3.15rem,18vw,6.4rem);font-style:italic;font-weight:650;line-height:.92}h2{margin-bottom:0;font-size:1.24rem;line-height:1.35}.party-lead{max-width:25rem;color:var(--color-muted);margin-bottom:0;font-size:1rem;font-weight:650;line-height:1.72}.setup-screen{min-height:calc(100vh - 96px)}.setup-hero{border:1px solid var(--color-line);background:linear-gradient(135deg, #a8323280, transparent 48%), linear-gradient(180deg, #f7efe21a, transparent 38%), var(--color-menu-strong);min-height:248px;box-shadow:var(--shadow);border-radius:18px 18px 8px 8px;flex-direction:column;justify-content:flex-end;padding:30px 22px 28px;display:flex}.player-form{gap:12px;margin-top:12px;display:grid}.player-list{gap:10px;display:grid}.player-row{border:1px solid var(--color-line);background:linear-gradient(90deg, #a832322e, transparent 42%), var(--color-menu);border-radius:8px;grid-template-columns:42px minmax(0,1fr) 42px 42px;align-items:center;gap:10px;min-height:76px;padding:12px;display:grid}.player-number{color:var(--color-gold);font-family:Spectral,Georgia,serif;font-size:1.38rem;font-style:italic;line-height:1}.player-name{gap:6px;min-width:0;display:grid}.player-name span{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.player-name input{width:100%;min-height:42px;color:var(--color-paper);font:inherit;background:0 0;border:0;border-bottom:1px solid #f7efe247;border-radius:0;outline:0;font-size:1.05rem;font-weight:800}.player-name input::placeholder{color:#d9c8b77a}.player-name input:focus{border-color:#d5a94fd1}.gender-button,.icon-button{border:1px solid var(--color-line);width:42px;height:42px;color:var(--color-muted);background:#f7efe212;border-radius:999px;font-size:1.25rem;font-weight:900;line-height:1}.gender-button{color:var(--color-gold);border-color:#d5a94f61;font-family:Georgia,serif}.icon-button:disabled{opacity:.32;cursor:not-allowed}.add-player-button{min-height:58px;color:var(--color-paper);background:#f7efe20f;border:1px dashed #d5a94f80;border-radius:8px;font-weight:900}.add-player-button span{color:var(--color-gold);margin-right:6px}.add-player-button:disabled{opacity:.52;cursor:not-allowed;border-style:solid}.full-button{width:100%}.player-summary{border:1px solid var(--color-line);background:#f7efe20f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;padding:14px;display:grid}.player-summary p{color:var(--color-paper);margin-bottom:0;font-weight:850}.player-summary .label{margin-bottom:4px}.player-chips{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.player-chips span{color:#f0d6a0;border:1px solid #f7efe22e;border-radius:999px;align-items:center;min-height:28px;padding:5px 9px;font-size:.78rem;font-weight:850;display:inline-flex}.menu-board{margin-top:12px;padding:18px 0 0}.section-heading{padding:0 6px 12px}.game-menu{gap:10px;display:grid}.game-row{border:1px solid var(--color-line);background:linear-gradient(90deg, #a8323233, transparent 42%), var(--color-menu);border-radius:8px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:128px;padding:16px;text-decoration:none;transition:border-color .16s,transform .16s,background .16s;display:grid;box-shadow:0 12px 34px #00000047}.game-row:hover{background:linear-gradient(90deg, #a8323252, transparent 48%), var(--color-menu-strong);border-color:#d5a94f94;transform:translateY(-2px)}.game-row:focus-visible,.top-link a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #d5a94f7a}.game-number{color:var(--color-gold);font-family:Spectral,Georgia,serif;font-size:1.5rem;font-style:italic;line-height:1}.game-main{gap:8px;min-width:0;display:grid}.game-title{color:var(--color-paper);font-size:1.2rem;font-weight:850;line-height:1.25}.game-copy{color:var(--color-muted);font-size:.92rem;line-height:1.56}.game-tags{flex-wrap:wrap;gap:6px;display:flex}.game-tags span,.party-note span{color:#f0d6a0;white-space:nowrap;border:1px solid #f7efe22e;border-radius:999px;align-items:center;min-height:26px;padding:5px 8px;font-size:.74rem;font-weight:800;display:inline-flex}.game-action{min-width:56px;color:var(--color-gold);letter-spacing:.08em;text-align:right;text-transform:uppercase;font-size:.74rem;font-weight:900}.party-note{flex-wrap:wrap;gap:8px;margin-top:18px;padding:0 6px;display:flex}.game-screen{border:1px solid var(--color-line);background:linear-gradient(180deg, #a832323d, transparent 38%), var(--color-menu);min-height:calc(100vh - 96px);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;padding:18px;display:flex}.ghost-button{border:1px solid var(--color-line);min-height:38px;color:var(--color-muted);background:0 0;border-radius:999px;align-self:flex-start;padding:8px 12px;font-weight:800}.game-screen-head{margin-top:28px}.game-screen-head h1{font-size:clamp(3rem,16vw,5.6rem)}.game-screen-head p:last-child{color:var(--color-muted);margin-bottom:0;font-weight:650;line-height:1.7}.prompt-card{color:#2a1715;background:#f7efe2f0;border:1px solid #f7efe238;border-radius:12px;margin-top:auto;padding:28px 18px}.prompt-label{color:#7b3a24;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:900}.prompt-text{margin-bottom:0;font-size:clamp(1.65rem,7vw,2.7rem);font-weight:850;line-height:1.25}.game-controls{grid-template-columns:1fr .52fr;gap:10px;margin-top:14px;display:grid}.single-control{grid-template-columns:1fr}.primary-button,.secondary-button{border-radius:999px;min-height:58px;font-weight:900}.primary-button{background:var(--color-gold);color:#20120d;border:1px solid #d5a94fb8}.secondary-button{border:1px solid var(--color-line);color:var(--color-paper);background:#f7efe214}.color-game-screen{gap:18px}.color-game-head{margin-top:18px}.color-game-head h1{font-size:clamp(3rem,16vw,5.2rem)}.handoff-card,.private-turn-card,.result-screen{background:#f7efe212;border:1px solid #f7efe233;border-radius:12px}.handoff-card{gap:14px;margin-top:auto;padding:28px 18px 18px;display:grid}.handoff-name{color:var(--color-paper);margin-bottom:0;font-family:Spectral,Georgia,serif;font-size:clamp(2.4rem,12vw,4.4rem);font-style:italic;font-weight:650;line-height:.96}.handoff-copy,.private-turn-card p,.result-hero p,.result-color-row p{color:var(--color-muted);margin-bottom:0;font-weight:700;line-height:1.65}.private-turn-card{padding:16px}.private-turn-card h2{color:var(--color-paper);margin-bottom:8px}.result-screen{gap:14px;margin-top:auto;padding:16px;display:grid}.result-hero h2{color:var(--color-paper);margin-bottom:8px;font-size:clamp(2rem,10vw,3.8rem);line-height:1.05}.result-color-row,.result-row{background:#0c080838;border:1px solid #f7efe229;border-radius:8px;align-items:center;display:grid}.result-color-row{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:12px}.result-list{gap:8px;display:grid}.result-row{grid-template-columns:30px 38px minmax(0,1fr) 54px;gap:10px;padding:10px}.result-rank{color:var(--color-gold);font-family:Spectral,Georgia,serif;font-size:1.35rem;font-style:italic;font-weight:700}.result-color-swatch{border:2px solid #fff8efc7;border-radius:999px;width:38px;height:38px;box-shadow:0 6px 14px #00000047}.result-player-name{min-width:0;color:var(--color-paper);font-weight:900}.result-score{color:var(--color-muted);text-align:right;font-size:.86rem;font-weight:900}.color-picker{gap:16px;margin-top:auto;display:grid}.color-wheel{aspect-ratio:1;background:radial-gradient(circle,#fffffff5 0 18%,#0000 19%),conic-gradient(from -90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:10px solid #f7efe21f;border-radius:50%;width:min(82vw,330px);margin:0 auto;position:relative;box-shadow:inset 0 0 0 1px #0c080847,0 18px 42px #00000047}.color-wheel:after{content:"";background:var(--color-menu);border-radius:50%;position:absolute;inset:24%;box-shadow:inset 0 0 0 1px #f7efe22e}.color-wheel-marker{left:var(--marker-x);top:var(--marker-y);z-index:1;background:hsl(var(--hue) 92% 54%);border:3px solid #fff8ef;border-radius:50%;width:24px;height:24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0006}.color-preview{background:var(--selected-color);border:1px solid #f7efe238;border-radius:12px;min-height:86px;box-shadow:inset 0 0 0 1px #0c08082e,0 12px 28px #00000038}.panty-preview{background:radial-gradient(circle at 50% 52%, var(--panty-bg-glow), transparent 52%), linear-gradient(180deg, var(--panty-bg-deep), var(--panty-bg-base));cursor:pointer;border:1px solid #f7efe238;border-radius:12px;place-items:center;width:100%;min-height:228px;padding:14px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0c08082e,0 12px 28px #00000038}.panty-preview:before{content:"";background:radial-gradient(circle at 50% 52%, var(--panty-bg-glow), transparent 52%);opacity:.9;pointer-events:none;animation:5.8s ease-in-out infinite panty-bg-breathe;position:absolute;inset:-18%;transform:scale(.94)}.panty-preview:hover{border-color:#d5a94f7a}.panty-image-frame{z-index:1;aspect-ratio:576/462;filter:drop-shadow(0 16px 24px #00000057);border-radius:10px;width:min(82vw,320px);position:relative;overflow:hidden}.panty-image{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.panty-color-fill{background:var(--panty-color);-webkit-mask-image:var(--panty-mask);mask-image:var(--panty-mask);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--panty-mask);position:absolute;inset:0;-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.floating-hearts{pointer-events:none;position:absolute;inset:0}.floating-heart{left:var(--heart-left);text-shadow:0 4px 12px #0000005c;transform:translate(-50%, 0) scale(var(--heart-scale)) rotate(var(--heart-rotate));font-size:1.35rem;line-height:1;animation:1.15s ease-out forwards float-heart;position:absolute;bottom:32%}@keyframes float-heart{0%{opacity:0;transform:translate(-50%, 10px) scale(calc(var(--heart-scale) * .72)) rotate(calc(var(--heart-rotate) - 10deg))}18%{opacity:1}56%{transform:translate(calc(-50% + var(--heart-drift) / 2), -32px) scale(var(--heart-scale)) rotate(calc(var(--heart-rotate) + 8deg))}to{opacity:0;transform:translate(calc(-50% + var(--heart-drift)), -74px) scale(calc(var(--heart-scale) * 1.14)) rotate(calc(var(--heart-rotate) + 18deg))}}@keyframes panty-bg-breathe{0%,to{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.color-slider{gap:8px;display:grid}.rgb-picker{gap:18px}.rgb-slider{grid-template-columns:34px minmax(0,1fr) 42px;align-items:center;gap:10px}.color-slider .rgb-slider-label{color:var(--color-muted);letter-spacing:.08em;font-size:.78rem;font-weight:900}.rgb-slider-label{min-height:34px;color:var(--color-paper);border:1px solid #f7efe229;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.rgb-slider-red .rgb-slider-label{color:#fff8ef;background:red;border-color:#ff0000b8}.rgb-slider-green .rgb-slider-label{color:#091709;background:#0f0;border-color:#00ff00b8}.rgb-slider-blue .rgb-slider-label{color:#fff8ef;background:#00f;border-color:#0000ffb8}.rgb-slider-value{color:var(--color-gold);text-align:right;font-size:.86rem;font-weight:900}.rgb-slider-track{touch-action:none;align-items:center;width:100%;height:44px;display:flex;position:relative}.rgb-slider-rail{background:var(--track);border-radius:999px;height:14px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #0c080833,0 0 0 1px #f7efe21a}.rgb-slider-thumb{border:3px solid #fff8ef;border-radius:50%;outline:0;place-items:center;width:30px;height:30px;display:grid;top:50%;transform:translateY(-50%);box-shadow:0 6px 14px #00000061}.rgb-slider-thumb-dot{border-radius:inherit;background:var(--thumb-color);width:100%;height:100%}.rgb-slider-thumb[data-focus-visible]{outline-offset:3px;outline:3px solid #d5a94f8c}.rgb-slider-thumb[data-dragging]{transform:translateY(-50%)scale(1.08)}@media (width<=520px){.party-shell{width:min(100% - 20px,620px);padding-top:12px}.party-hero{min-height:238px;padding:26px 18px 24px}.setup-hero{min-height:232px;padding:26px 18px 24px}.game-row{grid-template-columns:34px minmax(0,1fr);min-height:138px}.game-action{text-align:left;grid-column:2}.game-controls{grid-template-columns:1fr}.color-wheel{width:min(78vw,300px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}