:root{--red: #db4429;--red-deep: #8e0000;--accent: #ff9595;--ink: #262626;--muted: #5e5757;--blush: #f7f1f1;--rose: #e8d5d5;--white: #ffffff;--wrong: #ff8a8a;--right: #7ee08a;--text: #ffffff;--text-soft: rgba(255, 255, 255, .78);--text-faint: rgba(255, 255, 255, .55);--glass-bg: rgba(250, 250, 250, .25);--glass-strong: rgba(30, 2, 8, .55);--glass-item: rgba(255, 255, 255, .18);--glass-item-hover: rgba(255, 255, 255, .25);--glass-border: rgba(254, 238, 219, .16);--glass-border-soft: rgba(255, 255, 255, .14);--glass-blur: blur(12px) saturate(80%);--glass-shadow: 0 20px 50px rgba(20, 0, 4, .4), inset 0 1px 0 rgba(255, 255, 255, .16);--radius: 16px;--radius-sm: 10px;font-family:Century Gothic,Montserrat,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{min-height:100dvh}body{margin:0;background-color:#3a0610}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:#3a0610;background-image:url(/assets/bg-lAVkZFtu.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat}button,input,select{font:inherit;color:inherit}.shell{width:min(640px,100%);margin:0 auto;padding:24px 16px calc(40px + env(safe-area-inset-bottom))}.kicker{margin:0 0 8px;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--white)}.card .kicker{color:var(--accent)}h1,h2{font-weight:700;letter-spacing:-.02em}h1{color:var(--white);font-size:clamp(36px,8vw,54px);line-height:1.25;margin:0 0 12px;text-shadow:0 1px 18px rgba(60,0,10,.25)}h2{color:var(--white);font-size:clamp(22px,4vw,32px);line-height:1.2;margin:0 0 12px}.lede{color:var(--rose);margin:0 0 10px;line-height:1.45;font-size:16px;text-shadow:0 1px 8px rgba(40,0,8,.45)}.card .lede,.card .why{color:var(--text-soft);text-shadow:none}.glass,.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.card{border-radius:var(--radius);padding:20px 18px}.title-slide,.howto-slide{display:flex;flex-direction:column;min-height:calc(100dvh - 64px)}.title-slide{justify-content:center;align-items:center}.title-card{width:min(520px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:36px 24px}.title-card h1{margin-bottom:16px}.title-card .slide-next{width:100%;margin-top:28px}.title-sub{margin:0;color:var(--glass-strong);font-size:clamp(18px,3vw,24px);font-weight:700;line-height:1.35;text-shadow:0 1px 14px rgba(60,0,10,.25)}.title-note{margin:24px 0 0;color:var(--text-soft);line-height:1.45;font-size:16px;font-weight:600}.howto-slide h2{font-size:clamp(28px,4vw,42px);margin-bottom:22px;text-shadow:0 2px 18px rgba(60,0,10,.55)}.howto-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 22px;padding:0;list-style:none}.howto-grid li{display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;border-radius:var(--radius-sm);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-soft)}.howto-grid b{color:var(--accent);font-size:18px;line-height:1.2}.howto-grid span{color:var(--text-soft);font-size:15px;line-height:1.35}.footnote{margin:0 0 16px;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-soft);border-radius:var(--radius-sm);color:var(--white);padding:16px 18px;display:flex;flex-direction:column;gap:6px;font-size:16px;line-height:1.4}.card .footnote{-webkit-backdrop-filter:none;backdrop-filter:none}.footnote b{font-weight:700}.footnote-quiet{font-size:15px;color:var(--text-soft)}.slide-next{max-width:220px}.btn{border:0;border-radius:var(--radius-sm);min-height:48px;padding:12px 16px;font-weight:700;cursor:pointer;transition:background-color .18s,transform .12s,box-shadow .18s,opacity .18s}.btn:not(:disabled):active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-solid{background:#b02d37;color:var(--white);width:100%}.btn-solid:not(:disabled):hover{background:#bf303b}.btn-ghost{background:var(--glass-item);border:1px solid var(--glass-border);color:var(--white)}.btn-ghost:hover{background:var(--glass-item-hover)}.progress{height:6px;background:#ffffff29;border-radius:99px;margin:0 0 16px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--accent));border-radius:inherit;transition:width .4s ease}.choices{display:grid;gap:10px}.choices-bool{grid-template-columns:1fr 1fr}.choice,.order-item{width:100%;text-align:left;background:var(--glass-item);border:1px solid var(--glass-border-soft);border-radius:var(--radius-sm);padding:14px;margin:0;cursor:pointer;color:var(--text);line-height:1.35;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .12s}.choice:hover{background:var(--glass-item-hover);border-color:var(--glass-border)}.choice:active{transform:scale(.98)}.choice.selected{background:#c000006b;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 6px 18px #c000004d;color:var(--white)}.choice:focus-visible,.btn:focus-visible,.order-item:focus-visible,.match-chip:focus-visible{outline:2px solid var(--white);outline-offset:2px}.order-list{display:grid;gap:10px}.order-item{display:flex;align-items:center;gap:12px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.order-item.dragging{cursor:grabbing;background:#c0000073;border-color:var(--accent);box-shadow:0 14px 30px #14000473;position:relative;z-index:2}.grip{width:14px;height:12px;flex:none;color:var(--text-faint);background:linear-gradient(currentColor,currentColor) 0 0 / 100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 5px / 100% 2px no-repeat,linear-gradient(currentColor,currentColor) 0 10px / 100% 2px no-repeat}.order-copy b{color:var(--blush);margin-right:6px}.order-hint{margin:0 0 15px;color:var(--text-soft);font-size:14px}.order-hint.top-space{margin-top:15px}.match-board{display:grid;gap:10px}.match-line{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(96px,.7fr);gap:8px;align-items:stretch}.match-fixed{display:flex;align-items:center;background:var(--glass-item);border:1px solid var(--glass-border-soft);border-radius:var(--radius-sm);padding:12px 14px;font-weight:700;line-height:1.35}.match-slot{min-height:52px;border:1px dashed rgba(255,255,255,.35);border-radius:var(--radius-sm);background:#ffffff0a;display:flex;align-items:center;justify-content:center;padding:6px;transition:background-color .18s,border-color .18s}.match-slot.over{border-color:var(--accent);background:#c0000040;border-style:solid}.match-slot.filled{border-style:solid;border-color:var(--glass-border);background:var(--glass-item);padding:0}.match-placeholder{color:var(--text-faint);font-size:13px;font-weight:700}.match-bank{margin-top:16px}.match-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:52px;padding:8px;border-radius:var(--radius-sm);background:#ffffff29}.match-chips:not(:has(.match-chip)){min-height:0;padding:0;background:transparent}.match-chips.armed:not(:has(.match-chip)),.match-chips.over:not(:has(.match-chip)){min-height:48px;padding:8px;background:#ffffff0f;outline:1px dashed rgba(255,255,255,.35)}.match-chips.over{outline:2px solid var(--accent)}.match-chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid var(--accent);border-radius:var(--radius-sm);background:#c000004d;color:var(--white);font-weight:700;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.match-chip.wide{width:100%;min-height:52px;border:0;background:transparent}.match-chip.dragging{opacity:.35}.match-chip.overlay{cursor:grabbing;background:#96000ad9;box-shadow:0 14px 30px #14000473}.field input{width:100%;min-height:48px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px 12px;background:#ffffff2e;color:var(--white);font-weight:500;transition:border-color .18s,background-color .18s}.field input:focus{outline:none;border-color:var(--accent);background:#ffffff1f}.field input[type=range]{min-height:0;padding:0;border:0;background:transparent;accent-color:var(--red)}.field{display:flex;flex-direction:column;gap:6px;margin-top:14px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.field-error{color:var(--wrong);font-size:13px;font-weight:700;margin:4px 0 0;text-transform:none;letter-spacing:0}.form-error{color:#ffd0d0;font-size:14px;font-weight:700;margin:12px 0 0}.card .form-error{color:var(--wrong)}.loading{color:var(--white);font-weight:700}.avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:top;display:block;margin:4px auto 8px;border:3px solid var(--white);box-shadow:0 0 6px 2px var(--red),0 10px 24px #14000466}.reveal-mark{display:flex;align-items:center;gap:8px;font-weight:700;margin:0 0 12px;letter-spacing:.08em;text-transform:uppercase;font-size:14px}.reveal-icon{width:20px;height:20px;flex:none;padding:3px;border-radius:50%;background:currentColor}.reveal-icon path{fill:none;stroke:#2a0309;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.reveal-mark.yes{color:var(--right)}.reveal-mark.no{color:var(--wrong)}.why{white-space:pre-line;color:var(--text-soft);margin:0 0 12px;line-height:1.65}.card.score-card{padding-top:0!important;overflow:hidden!important}.score-num{color:var(--white);font-size:clamp(64px,14vw,96px);font-weight:700;line-height:.95;margin:0 0 8px;text-shadow:0 2px 18px rgba(60,0,10,.45)}.round-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--glass-border-soft);font-size:14px}.round-row.round-row-header{font-weight:600;font-size:18px;background:var(--glass-strong);color:var(--accent);padding:18px 30px;border-radius:3px;margin-left:-32px;margin-right:-32px}.round-row:first-child{border-top:0}.round-row b{color:var(--blush);white-space:nowrap}.round-row.round-row-header b{color:var(--accent)}.crop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1400048c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:20}.crop-sheet{width:min(480px,100%);background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius);padding:16px}.crop-title{color:var(--white);font-size:22px;margin:0;font-weight:700}.crop-copy{color:var(--text-soft);font-size:14px}.crop-stage{position:relative;height:min(52dvh,360px);background:#1c1c1c;border-radius:var(--radius-sm);overflow:hidden}.row-actions{display:flex;gap:8px;margin-top:12px}.row-actions .btn{flex:1}.file-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px;padding:0 14px;font-weight:700;color:var(--white);cursor:pointer;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-item);transition:background-color .18s}.file-btn:hover{background:var(--glass-item-hover)}.file-btn input{display:none}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass,.card,.howto-grid li,.crop-sheet{background:#3a0610eb}.footnote{background:#1e0208eb}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(min-width:900px){.shell{width:min(1080px,calc(100% - 64px));padding:56px 0 72px}.title-slide{min-height:calc(100dvh - 128px)}.card.title-card{padding:48px 44px}.howto-slide{min-height:calc(100dvh - 128px);justify-content:center}.howto-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.howto-grid li{padding:16px}.howto-grid b{font-size:20px}.card{padding:28px 32px}.choices-split{grid-template-columns:1fr 1fr}.profile-card,.play-card,.reveal-card,.score-card{width:min(760px,100%);margin:0 auto}.score-hero{text-align:center;margin-bottom:20px}.crop-backdrop{align-items:center}}@media(max-width:899px){body:before{background-position:center 30%}}