:root{--washi:#faf3e7;--washi-warm:#f3ead6;--sumi:#1a1a1a;--sumi-soft:#2d2622;--crimson:#c1272d;--crimson-deep:#8b1a1f;--crimson-bright:#e63946;--gold:#d4a24c;--gold-bright:#f2c661;--gold-deep:#a07832;--ink-brush:#3a2a1f;--sakura:#f7c6d0;--sakura-deep:#eb8ba0;--indigo:#2d3a5f;--font-display:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;--font-body:"Zen Maru Gothic","Hiragino Maru Gothic ProN",ui-rounded,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--shadow-card:0 10px 32px rgba(139,26,31,.22),0 2px 6px rgba(26,26,26,.08);--shadow-lift:0 24px 60px rgba(139,26,31,.35),0 4px 14px rgba(26,26,26,.12)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--washi);color:var(--sumi);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;width:100%}body{background:radial-gradient(ellipse 120% 80% at 50% -10%,rgba(193,39,45,.18),transparent 60%),radial-gradient(ellipse 80% 60% at 100% 100%,rgba(212,162,76,.14),transparent 60%),radial-gradient(ellipse 80% 60% at 0 100%,rgba(193,39,45,.1),transparent 60%),var(--washi);position:relative}body:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='2' seed='3'/><feColorMatrix values='0 0 0 0 0.7  0 0 0 0 0.55  0 0 0 0 0.35  0 0 0 0.18 0'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.55'/></svg>");content:"";mix-blend-mode:multiply;opacity:.35}.seigaiha-bg,body:before{inset:0;pointer-events:none;position:fixed;z-index:0}.seigaiha-bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'><g fill='none' stroke='%238b1a1f' stroke-width='1.2'><circle cx='0' cy='40' r='20'/><circle cx='0' cy='40' r='14'/><circle cx='0' cy='40' r='8'/><circle cx='40' cy='40' r='20'/><circle cx='40' cy='40' r='14'/><circle cx='40' cy='40' r='8'/><circle cx='80' cy='40' r='20'/><circle cx='80' cy='40' r='14'/><circle cx='80' cy='40' r='8'/><circle cx='20' cy='20' r='20'/><circle cx='20' cy='20' r='14'/><circle cx='20' cy='20' r='8'/><circle cx='60' cy='20' r='20'/><circle cx='60' cy='20' r='14'/><circle cx='60' cy='20' r='8'/></g></svg>");opacity:.08}#__layout,#__nuxt{position:relative;z-index:1}.lantern-string{align-items:flex-start;display:flex;height:120px;justify-content:space-around;left:0;overflow:visible;pointer-events:none;position:fixed;right:0;top:0;z-index:2}.lantern-string:before{background:linear-gradient(to right,transparent,var(--sumi-soft) 8%,var(--sumi-soft) 92%,transparent);border-radius:2px;box-shadow:0 1px #00000040;content:"";height:2px;left:0;position:absolute;right:0;top:16px;transform:translateY(6px)}.lantern{animation:sway 5s ease-in-out infinite;height:60px;position:relative;transform-origin:top center;width:44px}.lantern-body{animation:lanternGlow 2.8s ease-in-out infinite;background:radial-gradient(ellipse 90% 80% at 50% 45%,var(--crimson-bright),var(--crimson-deep));border-radius:50%/40%;box-shadow:inset 0 0 20px #ffc86480,0 4px 16px #c1272d99,0 0 30px #f2c66159;inset:14px 0 4px;position:absolute}.lantern-body:after,.lantern-body:before{background:#00000059;border-radius:1px;content:"";height:2px;left:10%;position:absolute;right:10%}.lantern-body:before{top:28%}.lantern-body:after{bottom:28%}.lantern-cap{background:var(--sumi);border-radius:3px 3px 0 0;left:25%;right:25%;top:8px}.lantern-cap,.lantern-tassel{height:10px;position:absolute}.lantern-tassel{background:var(--gold);border-radius:0 0 3px 3px;bottom:-6px;left:50%;transform:translate(-50%);width:3px}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes lanternGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.petal{animation:fall linear infinite,spin 3s linear infinite;background:radial-gradient(circle at 30% 30%,#fff,var(--sakura) 40%,var(--sakura-deep));border-radius:150% 0;height:16px;opacity:.85;pointer-events:none;position:fixed;top:-40px;width:16px;z-index:3}@keyframes fall{0%{transform:translate3d(0,-40px,0) rotate(0)}to{transform:translate3d(40px,110vh,0) rotate(1turn)}}@keyframes spin{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.modal-scrim{align-items:center;animation:scrimIn .35s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(ellipse at center,#8b1a1f59,#1a1a1ad9);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:100}@keyframes scrimIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{opacity:1}}.modal-card{animation:cardDrop .6s cubic-bezier(.2,1.4,.5,1);background:var(--washi);border-radius:24px;box-shadow:0 40px 80px #0006,0 0 0 1px #8b1a1f26,inset 0 0 0 6px var(--washi),inset 0 0 0 7px var(--crimson);overflow:hidden;padding:40px 40px 32px;position:relative;width:min(520px,100%)}.modal-card:before{background:radial-gradient(circle at 100% 0,var(--crimson) 0 40px,transparent 42px);height:120px;opacity:.9;right:0;top:0;width:120px}.modal-card:after,.modal-card:before{content:"";pointer-events:none;position:absolute}.modal-card:after{background:radial-gradient(circle at 0 100%,var(--gold) 0 38px,transparent 40px);bottom:-20px;height:140px;left:-20px;opacity:.55;width:140px}@keyframes cardDrop{0%{opacity:0;transform:translateY(-40px) scale(.92) rotate(-1deg)}70%{transform:translateY(8px) scale(1.02) rotate(.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.modal-kanji{color:var(--crimson);font-size:48px;line-height:1;opacity:.15;pointer-events:none;position:absolute;right:24px;top:16px}.modal-kanji,.modal-title{font-family:var(--font-display)}.modal-title{color:var(--crimson-deep);font-size:38px;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin-bottom:6px}.modal-sub{color:var(--sumi-soft);font-size:15px;margin-bottom:24px;opacity:.7}.field-label{color:var(--crimson-deep);display:block;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.field-input{background:#fff;border:2px solid rgba(139,26,31,.25);border-radius:12px;color:var(--sumi);font-family:var(--font-body);font-size:17px;outline:none;padding:14px 16px;transition:all .2s;width:100%}.field-input:focus{border-color:var(--crimson);box-shadow:0 0 0 4px #c1272d24;transform:translateY(-1px)}.emoji-grid{background:#c1272d0f;border-radius:12px;display:grid;gap:6px;grid-template-columns:repeat(8,1fr);margin-bottom:20px;max-height:200px;overflow-y:auto;padding:6px}.emoji-cell{align-items:center;aspect-ratio:1;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;display:flex;font-size:22px;justify-content:center;transition:all .15s}.emoji-cell:hover{background:#ffffffb3;transform:scale(1.15) rotate(-4deg)}.emoji-cell[data-selected="1"]{animation:bounce .5s ease;background:var(--gold-bright);border-color:var(--crimson);box-shadow:0 4px 14px #d4a24c99;transform:scale(1.2)}@keyframes bounce{0%,to{transform:scale(1.2)}50%{transform:scale(1.35) rotate(8deg)}}.btn-primary{align-items:center;background:linear-gradient(180deg,var(--crimson-bright) 0,var(--crimson) 50%,var(--crimson-deep) 100%);border:none;border-radius:14px;box-shadow:0 6px 0 var(--crimson-deep),0 10px 24px #c1272d66,inset 0 1px #ffffff40;color:var(--washi);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:17px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:14px 28px;position:relative;transition:all .1s cubic-bezier(.3,1.6,.5,1)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 0 var(--crimson-deep),0 14px 32px #c1272d8c,inset 0 1px #ffffff40;transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--crimson-deep),0 4px 10px #c1272d59,inset 0 1px #ffffff40;transform:translateY(3px)}.btn-primary:disabled{cursor:not-allowed;filter:saturate(.4);opacity:.5}.btn-primary:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-primary:hover:not(:disabled):after{left:100%}.btn-secondary{background:transparent;border:2px solid var(--crimson-deep);border-radius:12px;color:var(--crimson-deep);cursor:pointer;font-family:var(--font-body);font-size:15px;font-weight:600;padding:12px 22px;transition:all .15s}.btn-secondary:hover{background:var(--crimson-deep);color:var(--washi);transform:translateY(-1px)}.btn-ghost{background:#c1272d14;border:none;border-radius:10px;color:var(--crimson-deep);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:600;padding:10px 18px;transition:all .15s}.btn-ghost:hover{background:#c1272d2e}.mode-toggle{background:#c1272d14;border-radius:14px;display:flex;gap:10px;margin-bottom:24px;padding:6px}.mode-toggle button{background:transparent;border:none;border-radius:10px;color:var(--sumi-soft);cursor:pointer;flex:1;font-family:var(--font-body);font-weight:600;padding:12px;transition:all .2s}.mode-toggle button[data-active="1"]{background:var(--washi);box-shadow:0 2px 10px #8b1a1f26;color:var(--crimson-deep)}.timer-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.timer-chip{background:#fff;border:2px solid rgba(139,26,31,.18);border-radius:10px;color:var(--sumi);cursor:pointer;flex:1;font-family:var(--font-body);font-variant-numeric:tabular-nums;font-weight:700;min-width:60px;padding:10px 6px;transition:all .15s}.timer-chip:hover{border-color:var(--crimson);transform:translateY(-2px)}.timer-chip[data-active="1"]{background:var(--crimson);border-color:var(--crimson-deep);box-shadow:0 4px 0 var(--crimson-deep);color:var(--washi)}.link-box{align-items:stretch;background:#fff;border:2px dashed var(--crimson);border-radius:12px;display:flex;gap:0;margin-bottom:16px;overflow:hidden}.link-box input{background:transparent;border:none;color:var(--sumi);flex:1;font-family:var(--font-mono);font-size:13px;min-width:0;outline:none;padding:14px 16px}.link-box button{background:var(--crimson);border:none;color:var(--washi);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:700;padding:0 22px;transition:all .15s;white-space:nowrap}.link-box button:hover{background:var(--crimson-deep)}.link-box button[data-copied="1"]{animation:copiedBounce .5s;background:var(--gold-deep)}@keyframes copiedBounce{0%{transform:scale(1)}40%{transform:scale(1.1) rotate(-4deg)}to{transform:scale(1)}}.qr-wrap{align-items:center;animation:qrPop .7s cubic-bezier(.2,1.6,.3,1);background:#fff;border:4px solid var(--gold);border-radius:16px;box-shadow:0 6px 20px #d4a24c59;display:flex;justify-content:center;margin:20px 0 10px;padding:16px}@keyframes qrPop{0%{transform:scale(0) rotate(-10deg)}to{transform:scale(1) rotate(0)}}.app-shell{display:grid;gap:12px;grid-template-columns:200px 1fr 200px;grid-template-rows:1fr auto;min-height:100vh;padding:100px 20px 240px;position:relative}.stage-col{align-items:center;display:flex;flex-direction:column;grid-column:2;grid-row:1}.seat-col-left{grid-column:1}.seat-col-left,.seat-col-right{align-items:center;display:flex;flex-direction:column;gap:14px;grid-row:1;padding-top:40px}.seat-col-right{grid-column:3}@media(max-width:900px){.app-shell{grid-template-columns:120px 1fr 120px;padding:90px 10px 230px}.seat-col-left,.seat-col-right{gap:10px;padding-top:20px}}@media(max-width:640px){.app-shell{grid-template-columns:1fr}.seat-col-left,.seat-col-right{flex-direction:row;flex-wrap:wrap;grid-column:1;grid-row:auto;justify-content:center;padding-top:0}.stage-col{grid-column:1}}.app-header{align-items:center;display:flex;justify-content:space-between;left:20px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:50}.app-header>*{pointer-events:auto}.brand{align-items:center;background:var(--washi);border-radius:14px;box-shadow:0 6px 20px #8b1a1f2e,inset 0 0 0 1px #c1272d26;display:flex;gap:14px;padding:10px 18px 10px 14px}.brand-mark{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle at 35% 35%,#fff 0,var(--crimson-bright) 30%,var(--crimson-deep) 100%);border-radius:50%;box-shadow:0 0 16px #c1272d80;height:38px;position:relative;width:38px}@keyframes pulse{0%,to{box-shadow:0 0 16px #c1272d80}50%{box-shadow:0 0 28px #c1272dcc}}.brand-name{color:var(--crimson-deep);font-size:18px;font-weight:600;letter-spacing:.02em;line-height:1}.brand-name,.brand-sub{font-family:var(--font-display)}.brand-sub{color:var(--gold-deep);font-size:11px;letter-spacing:.2em;margin-top:2px;text-transform:uppercase}.header-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:var(--washi);border:none;border-radius:12px;box-shadow:0 4px 14px #8b1a1f26;color:var(--sumi);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;transition:all .15s;width:44px}.icon-btn:hover{box-shadow:0 8px 20px #8b1a1f40;transform:translateY(-2px) rotate(-4deg)}.icon-btn[data-active="1"]{background:var(--crimson);color:var(--washi)}.stage{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:20px 10px;position:relative;width:100%}.stage-curtain{background:repeating-linear-gradient(90deg,var(--crimson-deep) 0 40px,var(--washi) 40px 80px);border-bottom:3px solid var(--sumi);box-shadow:0 4px 12px #00000026;height:40px;left:0;position:absolute;right:0;top:0}.stage-curtain:after,.stage-curtain:before{background:var(--crimson-deep);clip-path:polygon(0 0,100% 0,50% 100%);content:"";height:30px;position:absolute;top:40px;width:50px}.stage-curtain:before{left:30px}.stage-curtain:after{right:30px}.story-panel{background:linear-gradient(180deg,#faf3e7f2,#f3ead6f2);border-radius:18px;box-shadow:0 14px 36px #8b1a1f29,inset 0 0 0 1px #d4a24c4d;margin-top:28px;padding:18px 24px;position:relative;text-align:center;width:min(560px,100%)}.story-panel:before{background:var(--crimson);border-radius:3px;box-shadow:0 3px 8px #8b1a1f4d;content:"";height:16px;left:50%;position:absolute;top:-8px;transform:translate(-50%) rotate(45deg);width:16px}.story-panel .story-kicker{color:var(--gold-deep);font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:4px;text-transform:uppercase}.story-panel .story-title{color:var(--crimson-deep);font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.2;min-height:28px;text-wrap:balance}.story-panel .story-empty{color:var(--sumi-soft);font-family:var(--font-display);font-size:16px;font-style:italic;opacity:.45}.story-input-inline{background:transparent;border:none;border-bottom:2px dashed var(--crimson);color:var(--crimson-deep);font-family:var(--font-display);font-size:20px;outline:none;padding:4px 0;text-align:center;width:100%}.story-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.timer-display{align-items:center;display:flex;flex-direction:column;margin-top:16px;position:relative}.timer-ring{height:100px;position:relative;width:100px}.timer-ring svg{height:100%;transform:rotate(-90deg);width:100%}.timer-ring circle{fill:none;stroke-linecap:round;stroke-width:8}.timer-ring .ring-bg{stroke:#8b1a1f1f}.timer-ring .ring-fg{filter:drop-shadow(0 0 6px rgba(193,39,45,.5));stroke:var(--crimson);transition:stroke-dashoffset .95s linear,stroke .3s}.timer-ring[data-urgent="1"] .ring-fg{animation:urgentPulse .5s ease infinite;stroke:var(--crimson-bright)}@keyframes urgentPulse{0%,to{filter:drop-shadow(0 0 6px rgba(230,57,70,.5))}50%{filter:drop-shadow(0 0 18px rgba(230,57,70,1))}}.timer-num{align-items:center;color:var(--crimson-deep);display:flex;flex-direction:column;font-family:var(--font-display);font-size:28px;font-variant-numeric:tabular-nums;font-weight:600;inset:0;justify-content:center;line-height:1;position:absolute}.timer-num small{color:var(--gold-deep);font-family:var(--font-body);font-size:10px;letter-spacing:.2em;margin-top:4px;text-transform:uppercase}.timer-display[data-urgent="1"] .timer-num{animation:numberShake .3s ease infinite;color:var(--crimson-bright)}@keyframes numberShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.flying-cards{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:20px;max-width:720px;min-height:180px;overflow:visible;perspective:1200px;position:relative;width:100%;z-index:5}.flying-cards.revealed-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px 12px;padding:10px}.pile-card{align-items:center;animation:pileDrop .7s cubic-bezier(.2,1.6,.3,1) backwards;background:repeating-linear-gradient(45deg,var(--crimson-deep) 0 6px,var(--crimson) 6px 12px);border:4px solid var(--washi);border-radius:14px;box-shadow:var(--shadow-card);display:flex;height:130px;justify-content:center;left:50%;margin-left:-46px;margin-top:-65px;position:absolute;top:50%;transform:translate(var(--pile-x,0),var(--pile-y,0)) rotate(var(--pile-rot,0deg));width:92px}.pile-card:before{color:var(--gold-bright);content:"桜";font-family:var(--font-display);font-size:38px;text-shadow:0 2px 8px rgba(0,0,0,.35)}@keyframes pileDrop{0%{opacity:0;transform:translate(var(--from-x,0),120vh) rotate(var(--spin-deg,2turn)) scale(.4)}60%{opacity:1;transform:translate(calc(var(--pile-x, 0)*1.2),-30px) rotate(calc(var(--pile-rot, 0)*1.5)) scale(1.1)}to{opacity:1;transform:translate(var(--pile-x,0),var(--pile-y,0)) rotate(var(--pile-rot,0deg)) scale(1)}}.revealed-card{align-items:center;animation:revealFlip .7s cubic-bezier(.3,1.2,.4,1) backwards;background:linear-gradient(160deg,var(--washi) 0,var(--washi-warm) 100%);border:3px solid var(--crimson-deep);border-radius:12px;box-shadow:var(--shadow-card);color:var(--crimson-deep);display:flex;flex-direction:column;gap:4px;height:118px;justify-content:center;margin-bottom:24px;position:relative;transform-origin:center;width:82px}.revealed-card .face-num{font-family:var(--font-display);font-size:38px;font-weight:700;line-height:1}.revealed-card .face-mark{color:var(--gold-deep);font-family:var(--font-display);font-size:11px;letter-spacing:.2em}.revealed-card .player-tag{align-items:center;background:var(--sumi);border-radius:999px;bottom:-22px;color:var(--washi);display:flex;font-family:var(--font-body);font-size:10px;font-weight:700;gap:4px;left:50%;padding:3px 8px;position:absolute;transform:translate(-50%);white-space:nowrap}@keyframes revealFlip{0%{opacity:0;transform:rotateY(180deg) scale(.6)}60%{opacity:1;transform:rotateY(0) scale(1.15)}to{opacity:1;transform:rotateY(0) scale(1)}}.player-row{align-items:stretch;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;justify-content:center;padding:8px;position:relative;width:100%;z-index:40}@media(max-width:640px){.player-row{flex-direction:row}}.player-pill{align-items:center;background:var(--washi);border-radius:14px;box-shadow:0 6px 18px #8b1a1f24,inset 0 0 0 1px #d4a24c4d;display:flex;flex-direction:column;gap:4px;min-width:80px;padding:10px 8px 8px;position:relative;transition:all .3s cubic-bezier(.3,1.4,.4,1)}.player-pill[data-voted="1"]{animation:votedBounce .5s cubic-bezier(.3,1.4,.4,1);background:linear-gradient(180deg,var(--gold-bright),var(--gold));box-shadow:0 14px 28px #d4a24c80,inset 0 0 0 1px var(--gold-deep);transform:translateY(-6px)}@keyframes votedBounce{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-14px) scale(1.08)}to{transform:translateY(-6px) scale(1)}}.player-avatar{align-items:center;background:var(--washi-warm);border-radius:50%;box-shadow:inset 0 0 0 2px var(--crimson);display:flex;font-size:22px;height:40px;justify-content:center;transition:all .3s;width:40px}.player-pill[data-voted="1"] .player-avatar{animation:avatarWiggle .5s;background:var(--washi);box-shadow:inset 0 0 0 2px var(--sumi),0 0 0 4px var(--gold-bright)}@keyframes avatarWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.player-name{color:var(--sumi);font-size:11px;font-weight:700;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-tag-small{border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.08em;padding:2px 6px;text-transform:uppercase}.player-tag-small.host{background:var(--crimson);color:var(--washi)}.player-tag-small.you{background:var(--sumi);color:var(--washi)}.vote-badge{align-items:center;animation:badgePop .5s cubic-bezier(.3,1.6,.4,1);background:var(--crimson-deep);border:2px solid var(--washi);border-radius:14px;box-shadow:0 4px 10px #8b1a1f80;color:var(--washi);display:flex;font-family:var(--font-display);font-size:14px;font-weight:700;height:28px;justify-content:center;min-width:28px;padding:0 8px;position:absolute;right:-8px;top:-8px}@keyframes badgePop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.hand-dock{bottom:0;left:0;padding:0 20px 18px;pointer-events:none;position:fixed;right:0;z-index:30}.hand-frame{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#faf3e7b8,#f3ead6d1);border-radius:24px 24px 0 0;border-top:3px solid var(--crimson);box-shadow:0 -8px 30px #8b1a1f26,inset 0 1px #fff9;margin:0 auto;max-width:960px;overflow:visible;padding:22px 24px 18px;pointer-events:auto}.hand-label{align-items:center;color:var(--crimson-deep);display:flex;font-size:11px;font-weight:700;justify-content:space-between;letter-spacing:.2em;margin-bottom:12px;text-transform:uppercase}.hand-label small{color:var(--gold-deep);font-size:10px;font-weight:600}.timer-adjust{align-items:center;background:#c1272d1a;border-radius:999px;display:flex;font-size:11px;gap:6px;padding:4px 10px}.timer-adjust input[type=range]{accent-color:var(--crimson);width:80px}.timer-adjust b{color:var(--crimson-deep);font-family:var(--font-mono);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.hand-cards{flex-wrap:nowrap;gap:8px;margin:-30px -6px -10px;overflow-x:auto;overflow-y:visible;padding:34px 6px 14px}.hand-card,.hand-cards{display:flex;justify-content:center}.hand-card{align-items:center;background:linear-gradient(160deg,var(--washi) 0,var(--washi-warm) 100%);border:3px solid var(--crimson-deep);border-radius:12px;box-shadow:var(--shadow-card);color:var(--crimson-deep);cursor:pointer;flex:0 0 auto;flex-direction:column;font-family:var(--font-display);font-size:32px;font-weight:700;height:104px;position:relative;transition:transform .2s cubic-bezier(.3,1.4,.4,1),box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:72px}.hand-card:before{color:var(--crimson-deep);content:attr(data-value);left:8px;opacity:.7;top:6px}.hand-card:after,.hand-card:before{font-size:12px;font-weight:700;position:absolute}.hand-card:after{bottom:6px;color:var(--gold-deep);content:"桜";opacity:.55;right:8px}.hand-card:hover{background:linear-gradient(160deg,#fff,var(--washi));box-shadow:var(--shadow-lift);transform:translateY(-16px) rotate(-3deg) scale(1.06)}.hand-card[data-selected="1"]{animation:cardChosen .5s cubic-bezier(.3,1.6,.4,1);background:linear-gradient(160deg,var(--gold-bright),var(--gold));border-color:var(--crimson);box-shadow:0 16px 30px #d4a24c99;color:var(--sumi);transform:translateY(-22px) rotate(0)}.hand-card[data-selected="1"]:after,.hand-card[data-selected="1"]:before{color:var(--sumi);opacity:.8}@keyframes cardChosen{0%{transform:translateY(-22px) scale(1)}40%{transform:translateY(-32px) scale(1.1) rotate(-3deg)}to{transform:translateY(-22px) scale(1) rotate(0)}}.hand-card[data-disabled="1"]{cursor:not-allowed;filter:grayscale(.3);opacity:.45;pointer-events:none}.confetti-burst{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:200}.confetti-piece{animation:confettiFly 1.8s cubic-bezier(.15,.6,.3,1) forwards;border-radius:2px;height:14px;left:50%;opacity:0;position:absolute;top:50%;width:10px}@keyframes confettiFly{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--tx, 300px)),calc(-50% + var(--ty, 300px))) rotate(var(--tr,2turn))}}.revealed-stage{display:flex;flex-direction:column;gap:14px;margin-top:28px;width:min(960px,100%)}.revealed-strip{align-items:center;background:linear-gradient(180deg,#faf3e7f2,#f3ead6f2);border-radius:14px;box-shadow:0 10px 24px #8b1a1f24,inset 0 0 0 1px #d4a24c4d;display:flex;gap:16px;justify-content:space-between;padding:10px 18px;position:relative}.revealed-strip:before{background:var(--crimson);border-radius:3px;box-shadow:0 3px 8px #8b1a1f4d;content:"";height:14px;left:50%;position:absolute;top:-7px;transform:translate(-50%) rotate(45deg);width:14px}.revealed-strip-kicker{color:var(--gold-deep);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.revealed-strip-story{color:var(--crimson-deep);display:-webkit-box;font-family:var(--font-display);font-size:18px;font-weight:600;-webkit-line-clamp:2;line-clamp:2;line-height:1.25;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.revealed-strip-btn{flex-shrink:0;font-size:14px;padding:10px 18px}.revealed-body{align-items:start;display:grid;gap:16px;grid-template-columns:1fr minmax(180px,240px)}.revealed-body-cards .flying-cards{justify-content:flex-start;margin:0;min-height:0;padding:4px}.revealed-body-cards .revealed-card{height:92px;margin-bottom:22px;width:64px}.revealed-body-cards .revealed-card .face-num{font-size:28px}.revealed-body-cards .revealed-card .face-mark{font-size:9px}.revealed-body-stats .results-panel{flex-direction:column;flex-wrap:nowrap;gap:8px;margin-top:0}.revealed-body-stats .stat-card{min-width:0;padding:8px 14px;text-align:left;width:100%}.revealed-body-stats .stat-card .stat-val{font-size:22px}.revealed-body-stats .stat-card.big .stat-val{font-size:26px}.revealed-body-stats .consensus-banner{font-size:16px;margin-top:6px}@media(max-width:720px){.revealed-body{grid-template-columns:1fr}.revealed-body-stats .results-panel{flex-direction:row;flex-wrap:wrap}.revealed-body-stats .stat-card{flex:1 1 45%;width:auto}}.results-panel{animation:resultsIn .8s cubic-bezier(.3,1.4,.4,1);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}@keyframes resultsIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:var(--washi);border-radius:14px;box-shadow:0 10px 22px #8b1a1f2e,inset 0 0 0 1px #d4a24c59;min-width:92px;overflow:hidden;padding:10px 18px;position:relative;text-align:center}.stat-card.big{animation:bigPulse 2s ease infinite;background:linear-gradient(160deg,var(--crimson) 0,var(--crimson-deep) 100%);color:var(--washi)}@keyframes bigPulse{0%,to{box-shadow:0 14px 30px #8b1a1f40}50%{box-shadow:0 20px 44px #c1272d8c}}.stat-label{color:var(--gold-deep);font-size:10px;font-weight:700;letter-spacing:.2em;margin-bottom:4px;text-transform:uppercase}.stat-card.big .stat-label{color:var(--gold-bright)}.stat-val{color:var(--crimson-deep);font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.stat-card.big .stat-val{color:var(--washi);font-size:32px}.stat-label{font-size:9px;margin-bottom:3px}.consensus-banner{animation:consensusGlow 1.4s ease infinite;color:var(--crimson);font-family:var(--font-display);font-size:22px;font-weight:700;margin-top:10px;text-align:center;width:100%}.consensus-banner small{color:var(--gold-deep);display:block;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.2em;margin-bottom:4px;text-transform:uppercase}@keyframes consensusGlow{0%,to{text-shadow:0 0 0 transparent;transform:scale(1)}50%{text-shadow:0 4px 20px rgba(193,39,45,.5);transform:scale(1.03)}}.flex-row{align-items:center;display:flex;gap:10px}.flex-col{display:flex;flex-direction:column}.spacer{flex:1}.mt-2{margin-top:10px}.mt-4{margin-top:20px}.toast{animation:toastIn .3s ease,toastOut .3s ease 1.6s forwards;background:var(--sumi);border-radius:12px;bottom:260px;box-shadow:0 10px 24px #00000059;color:var(--washi);font-weight:600;left:50%;padding:12px 20px;position:fixed;transform:translate(-50%);z-index:300}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%,-10px)}}@media(max-width:720px){.modal-card{padding:28px 24px 24px}.modal-title{font-size:30px}.story-panel{padding:24px 20px}.story-panel .story-title{font-size:26px}.hand-card{font-size:24px;height:86px;width:58px}.flying-cards{height:180px}.app-shell{padding-bottom:220px}}