:root{--parchment-base: #f1e4c2;--parchment-light: #f7ecca;--parchment-dark: #d6c096;--parchment-edge: #b89a64;--ink-deep: #2a1c0a;--ink: #3a2a14;--ink-soft: #6b4f2a;--gold: #a8842c;--gold-soft: #c8a64b;--seal-red: #8b1a1a;--seal-red-bright: #b22323;--seal-red-deep: #5a0d0d;--ledger-green: #2f5d3a;--ledger-green-bright: #3f7a4c;--font-headline: "Cinzel Decorative", "Cinzel", serif;--font-roman: "Cinzel", "IM Fell English SC", serif;--font-body: "IM Fell English", "IM Fell English SC", Georgia, serif;--font-smallcaps: "IM Fell English SC", Georgia, serif;--font-script: "Pinyon Script", "Apple Chancery", cursive;--track-line: 3px;--dot-size: 16px;--knob-size: 40px;--knob-size-dragging: 40px;--label-col-width: 300px;--label-col-gap: 28px;--label-font-size: 46px}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:auto;min-height:100%;background:#1a1207;color:var(--ink);font-family:var(--font-body);overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{display:block}.app-stage{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.app{position:relative;width:1920px;height:100%;display:grid;grid-template-rows:168px 1fr;background-color:var(--parchment-base);background-image:radial-gradient(ellipse 70% 50% at 18% 12%,rgba(255,244,210,.65),transparent 70%),radial-gradient(ellipse 60% 50% at 85% 88%,rgba(140,95,35,.18),transparent 70%),radial-gradient(ellipse 80% 45% at 50% 50%,rgba(255,240,200,.25),transparent 75%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.18 0 0 0 0 0.08 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-blend-mode:normal,normal,normal,multiply;box-shadow:inset 0 0 80px #6e461959,inset 0 0 200px #6e461940,0 0 60px #0000008c;border:1px solid rgba(110,70,25,.6)}.app:after{content:"";position:absolute;inset:28px;border:1px solid rgba(110,70,25,.55);border-radius:2px;pointer-events:none}@media (max-aspect-ratio: 1920/1080){.app{transform:scale(calc(100vw / 1920));transform-origin:top center}}@media (min-aspect-ratio: 1920/1080){.app{transform:scale(calc(100vh / 1080));transform-origin:center center}}.corner-overline{position:absolute;margin:0;font-family:var(--font-smallcaps);font-size:20px;letter-spacing:.34em;color:var(--ink-soft);text-transform:uppercase;z-index:4;pointer-events:none;white-space:nowrap}.corner-overline-tl{top:56px;left:78px}.corner-subtitle{position:absolute;margin:0;font-family:var(--font-script);font-size:28px;line-height:1;color:var(--ink-soft);z-index:4;pointer-events:none;white-space:nowrap;transition:color .22s ease}.corner-subtitle-tr{top:56px;right:78px}.app.over-spent .corner-subtitle{color:var(--seal-red)}.points-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;padding:23px 0 8px;text-align:center;margin-top:38px}.points-amount{margin:0;font-family:var(--font-headline);font-weight:900;font-size:110px;line-height:110px;color:var(--ledger-green);letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 0 rgba(255,250,220,.6),0 -1px 0 rgba(40,25,0,.25),0 4px 14px rgba(40,25,0,.18);transition:color .22s ease,font-size .22s ease,transform .22s ease}.app.over-spent .points-amount{color:var(--seal-red)}.points-amount.at-zero{font-size:88px;color:var(--ink)}.points-amount.flash{transform:translateY(-2px) scale(1.015)}.points-flourish{font-family:var(--font-roman);color:var(--gold);opacity:.85;font-size:20px;line-height:1;letter-spacing:.5em;user-select:none}.points-flourish-top{margin-bottom:0}.points-flourish-bottom{margin-top:0}.grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,1fr);grid-auto-flow:column;column-gap:15px;row-gap:1px;padding:12px 60px 20px 30px;align-items:center;z-index:1;margin-top:30px}.slider-row{display:grid;grid-template-columns:var(--label-col-width) 1fr;align-items:center;gap:var(--label-col-gap);width:100%}.slider-label{font-family:var(--font-smallcaps);font-size:var(--label-font-size);line-height:1;color:var(--ink);text-align:right;letter-spacing:.03em;user-select:none;white-space:normal;overflow-wrap:break-word;word-break:normal;text-wrap:balance;hyphens:manual}.slider-track{position:relative;height:var(--knob-size);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--knob-size) / 2);touch-action:none}.line{position:absolute;left:calc(var(--knob-size) / 2);right:calc(var(--knob-size) / 2);top:50%;height:var(--track-line);transform:translateY(-50%);background:var(--ink);background:linear-gradient(to right,var(--ink) 0%,var(--ink-soft) 40%,var(--ink) 60%,var(--ink-soft) 90%,var(--ink) 100%);border-radius:1px;z-index:0}.dot{position:relative;width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--ink-soft) 0%,var(--ink) 60%,var(--ink-deep) 100%);box-shadow:0 1px 1px #00000040,inset 0 0 2px #0006;z-index:1;flex:0 0 auto}.knob{position:absolute;top:50%;left:0;width:var(--knob-size);height:var(--knob-size);margin:0;padding:0;border:none;border-radius:50%;cursor:grab;z-index:3;background:radial-gradient(circle at 32% 28%,#d8504a 0%,var(--seal-red-bright) 32%,var(--seal-red) 65%,var(--seal-red-deep) 100%);box-shadow:0 4px 8px #00000073,0 1px 1px #00000059,inset 0 -3px 5px #00000073,inset 0 2px 3px #ffdcdc2e;transform:translate(-50%,-50%);transition:width .12s ease,height .12s ease,box-shadow .12s ease,filter .12s ease;outline:none}.knob:after{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,235,220,.18) 0%,transparent 35%),conic-gradient(from 0deg,#0000,#0000002e,#0000,#0000002e,#0000,#0000002e,#0000,#0000002e,#0000,#0000002e,#0000,#0000002e,#0000 360deg);mix-blend-mode:multiply;opacity:.7;pointer-events:none}.knob:hover{filter:brightness(1.08)}.knob.dragging,.knob:active{cursor:grabbing;width:var(--knob-size-dragging);height:var(--knob-size-dragging);box-shadow:0 6px 14px #0000008c,0 1px 1px #00000059,inset 0 -3px 6px #00000080,inset 0 2px 4px #ffdcdc38;filter:brightness(1.1);transition:none}.knob:focus-visible{box-shadow:0 0 0 3px var(--gold-soft),0 4px 8px #00000073,inset 0 -3px 5px #00000073}@media (max-width: 1200px){html,body{height:auto;overflow-x:hidden;overflow-y:auto}body{display:block;background:var(--parchment-base)}.app-stage{width:100%;height:auto;display:block;overflow:visible}.app{width:100%;height:auto;min-height:100vh;display:flex;flex-direction:column;transform:none;border:none;box-shadow:inset 0 0 60px #6e46194d,inset 0 0 160px #6e461938}.app:after{inset:10px}.corner-overline-tl{position:static;text-align:center;margin:18px 16px 0;font-size:14px;letter-spacing:.28em}.corner-subtitle-tr{display:none}.points-header{position:sticky;top:0;z-index:5;margin-top:0;padding:8px 0 10px;background:linear-gradient(to bottom,var(--parchment-light) 0%,var(--parchment-base) 70%,rgba(241,228,194,.92) 100%);box-shadow:0 6px 12px -8px #28190073}.points-amount{font-size:44px;line-height:44px}.points-amount.at-zero{font-size:32px}.points-flourish{font-size:14px}.grid{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-flow:row;column-gap:0;row-gap:16px;padding:16px 18px 32px;margin-top:8px}.slider-row{grid-template-columns:1fr;gap:4px}.slider-label{text-align:left;font-size:22px;padding-left:4px;line-height:1.1}:root{--knob-size: 44px;--knob-size-dragging: 44px;--dot-size: 14px}.slider-track{height:44px;touch-action:pan-y}}@media (max-width: 380px){.points-amount{font-size:38px;line-height:38px}.points-amount.at-zero{font-size:26px}.slider-label{font-size:20px}.corner-overline-tl{font-size:12px;letter-spacing:.22em}}.submit-section{width:100%;padding:80px 24px 100px;background-color:var(--parchment-base);background-image:radial-gradient(ellipse 70% 50% at 20% 12%,rgba(255,244,210,.55),transparent 70%),radial-gradient(ellipse 60% 50% at 80% 88%,rgba(140,95,35,.18),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.25 0 0 0 0 0.18 0 0 0 0 0.08 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-blend-mode:normal,normal,multiply;box-shadow:inset 0 30px 60px -30px #2819008c;color:var(--ink);display:flex;justify-content:center;align-items:flex-start}.submit-card{width:100%;max-width:720px;padding:44px 48px 40px;background:linear-gradient(to bottom,#fffadc73,#d6c09626),var(--parchment-light);border:1px solid rgba(110,70,25,.5);border-radius:2px;box-shadow:inset 0 0 40px #6e461940,0 10px 30px #00000073;position:relative}.submit-card:after{content:"";position:absolute;inset:10px;border:1px solid rgba(110,70,25,.45);border-radius:2px;pointer-events:none}.submit-title{margin:0 0 6px;font-family:var(--font-headline);font-weight:900;font-size:40px;line-height:1.1;letter-spacing:.03em;text-align:center;color:var(--ink-deep);text-shadow:0 1px 0 rgba(255,250,220,.6),0 -1px 0 rgba(40,25,0,.2)}.submit-subtitle{margin:0 0 32px;font-family:var(--font-script);font-size:24px;line-height:1.2;text-align:center;color:var(--ink-soft)}.submit-form{display:flex;flex-direction:column;gap:18px}.submit-label{display:flex;flex-direction:column;gap:8px;font-family:var(--font-smallcaps);font-size:16px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft)}.submit-input{font-family:var(--font-body);font-size:24px;line-height:1.2;color:var(--ink);padding:10px 4px 8px;border:none;border-bottom:2px solid rgba(110,70,25,.55);background:transparent;outline:none;letter-spacing:.02em;transition:border-color .16s ease}.submit-input::placeholder{color:#3a2a1459;font-style:italic}.submit-input:focus{border-bottom-color:var(--gold)}.submit-button{margin-top:12px;padding:14px 22px;border:none;border-radius:4px;cursor:pointer;font-family:var(--font-headline);font-weight:900;font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:#fff8ec;background:radial-gradient(circle at 32% 22%,#d8504a 0%,var(--seal-red-bright) 32%,var(--seal-red) 65%,var(--seal-red-deep) 100%);box-shadow:0 4px 10px #00000073,inset 0 -3px 6px #00000073,inset 0 2px 3px #ffdcdc33;text-shadow:0 1px 0 rgba(0,0,0,.35);transition:filter .12s ease,transform .12s ease,box-shadow .12s ease}.submit-button:hover:not(:disabled){filter:brightness(1.08)}.submit-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 6px #0006,inset 0 -2px 4px #00000080,inset 0 2px 3px #ffdcdc26}.submit-button:disabled{cursor:not-allowed;filter:grayscale(60%) brightness(.78);text-shadow:none}.submit-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--gold-soft),0 4px 10px #00000073,inset 0 -3px 6px #00000073}.submit-status{margin:6px 0 0;min-height:1.4em;font-family:var(--font-smallcaps);font-size:18px;letter-spacing:.06em;text-align:center;color:var(--ink-soft);transition:color .2s ease}.submit-status[data-kind=success]{color:var(--ledger-green)}.submit-status[data-kind=error]{color:var(--seal-red)}@media (max-width: 1200px){.submit-section{padding:40px 16px 60px}.submit-card{padding:28px 20px 24px}.submit-title{font-size:30px}.submit-subtitle{font-size:20px;margin-bottom:22px}.submit-label{font-size:14px;letter-spacing:.22em}.submit-input{font-size:20px}.submit-button{font-size:19px;padding:14px 18px}}