:root{color-scheme:dark;--bg:#080808;--surface:#151515;--surface-2:#1d1d1d;--edge:#303030;--white:#f6f6f6;--dim:#999;--muted:#747474;--black:#101010;--radius:20px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}.app-shell{max-width:500px;margin:auto;min-height:100dvh;padding-bottom:calc(94px + env(safe-area-inset-bottom))}.app-header{height:91px;display:flex;align-items:center;justify-content:space-between;padding:16px 23px;border-bottom:1px solid #222}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;background:#fff;border-radius:13px;color:#090909;display:grid;place-items:center;font-size:25px;font-weight:950;letter-spacing:-4px;padding-right:4px}.brand-mark span{color:#555}.brand-type{display:flex;flex-direction:column;gap:3px}.brand-type strong{font-size:22px;letter-spacing:-1.1px;line-height:1}.brand-dot{color:#8d8d8d}.brand-type small{font-size:9px;letter-spacing:2.1px;font-weight:700;color:#999}.user-chip{width:41px;height:41px;display:grid;place-items:center;border:1px solid #3b3b3b;background:#181818;border-radius:50%;font-size:15px;font-weight:800;letter-spacing:1px}.content{padding:25px 22px 14px;outline:none}.eyebrow{margin:0 0 10px;color:#858585;letter-spacing:2.1px;text-transform:uppercase;font-size:10px;font-weight:800}.section-header{display:flex;align-items:center;justify-content:space-between;margin:25px 0 14px}.section-header h2{font-size:23px;letter-spacing:-1.1px;margin:0;font-weight:850}.section-header span{font-size:11px;color:#999}.hero{border:1px solid #fff;background:#fff;color:#080808;border-radius:23px;padding:25px 24px;position:relative;overflow:hidden;min-height:191px}.hero:after{content:'L';position:absolute;right:-5px;bottom:-62px;font-size:225px;line-height:1;font-weight:950;color:#eee;z-index:0;pointer-events:none;letter-spacing:-25px}.hero>*{position:relative;z-index:1}.hero-row{display:flex;justify-content:space-between;align-items:center}.hero-label{font-size:11px;letter-spacing:1.8px;font-weight:800}.hero-icon{font-size:22px}.hero-number{font-size:48px;font-weight:900;letter-spacing:-2.7px;line-height:1.15;margin:18px 0 9px;font-variant-numeric:tabular-nums}.hero-number small{font-size:29px;letter-spacing:-1px}.hero-sub{font-size:12px;color:#555;line-height:1.6;max-width:255px}.section-caption{font-size:12px;color:#999;line-height:1.5}.task-list{display:flex;flex-direction:column;gap:9px}.task-card{border:1px solid var(--edge);border-radius:17px;padding:15px 16px;background:#141414;display:flex;align-items:center;gap:12px;min-height:78px;transition:transform .2s var(--ease),background .2s}.task-card:active{transform:scale(.99)}button.task-card{text-align:left;width:100%;color:inherit}.task-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:12px;background:#222;font-size:20px;flex-shrink:0}.task-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.task-title{font-size:13px;font-weight:800;line-height:1.35}.task-description{color:#9c9c9c;font-size:11px;line-height:1.3}.reward{white-space:nowrap;font-size:13px;font-weight:850}.reward.done{color:#a5a5a5}.task-arrow{color:#999}.divider{height:1px;background:#272727;margin:25px 0}.tabs-inline{display:flex;align-items:center;gap:7px}.tag{border:1px solid #3c3c3c;padding:6px 9px;border-radius:99px;font-size:10px;letter-spacing:.5px;color:#bdbdbd;white-space:nowrap}.tag.light{background:white;color:#101010;border-color:white;font-weight:800}.subtle-note{font-size:11px;color:#888;line-height:1.65;margin:17px 0 4px}.legal{font-size:11px;line-height:1.55;color:#868686;border-top:1px solid #272727;margin-top:23px;padding:18px 2px 8px}.legal strong{color:#bfbfbf}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,500px);height:calc(77px + env(safe-area-inset-bottom));background:#101010;border-top:1px solid #2b2b2b;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px 17px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 26px #0006}.nav-item{background:transparent;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#888;font-size:10px;font-weight:700}.nav-icon{font-size:24px;font-weight:500;line-height:1}.nav-item.selected{color:#0b0b0b;background:#f5f5f5}.screen-title{font-weight:900;font-size:30px;letter-spacing:-1.25px;line-height:1.15;margin:6px 0 11px}.screen-description{font-size:13px;color:#a5a5a5;line-height:1.6;margin:0 0 24px}.btn{border:0;background:#fff;color:#111;font-weight:850;font-size:13px;padding:16px 18px;border-radius:14px;min-height:51px;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s var(--ease),background .15s}.btn:active{transform:scale(.985)}.btn.ghost{border:1px solid #505050;background:transparent;color:#f5f5f5}.btn.gray{background:#262626;color:#fff}.btn.block{width:100%}.btn.secondary-small{padding:12px 14px;min-height:40px;font-size:11px}.btn:focus-visible,.task-card:focus-visible,.nav-item:focus-visible,.option:focus-visible{outline:2px solid #fff;outline-offset:3px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.survey-intro{border:1px solid #444;border-radius:22px;padding:24px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 17%,#303030 0,transparent 40%),#151515}.survey-number{font-size:82px;line-height:1;letter-spacing:-8px;font-weight:950;margin:15px 0 24px}.survey-stat{display:flex;gap:20px;align-items:center;margin-top:20px}.survey-stat strong{font-size:22px;font-weight:850}.survey-stat small{font-size:11px;color:#aaa;display:block}.progress-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#a0a0a0;letter-spacing:.5px}.progress-track{height:5px;background:#333;border-radius:30px;overflow:hidden;margin:13px 0 32px}.progress-fill{height:100%;border-radius:30px;background:#fff;transition:width .25s ease}.question{font-size:27px;line-height:1.17;font-weight:900;letter-spacing:-1.1px;margin:0 0 21px}.options{display:flex;flex-direction:column;gap:10px;margin-bottom:27px}.option{display:flex;align-items:center;width:100%;gap:14px;min-height:72px;text-align:left;padding:14px;border:1px solid #363636;border-radius:15px;background:#171717;color:#eee;transition:background .2s,border-color .2s}.option:active{transform:scale(.994)}.option.selected{background:#fff;color:#101010;border-color:#fff}.option .radio{width:20px;height:20px;border:1px solid #707070;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.option.selected .radio{border:6px solid #000}.option-title{font-size:14px;font-weight:800}.option-sub{font-size:11px;opacity:.66;margin-top:4px}.option-emoji{font-size:26px;width:35px;text-align:center;line-height:1.1}.swatch{width:46px;height:45px;border-radius:10px;border:2px solid #777;flex-shrink:0;box-shadow:inset 0 0 0 3px #00000011}.option.selected .swatch{border-color:#777}.symbol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:25px}.symbol-option{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:space-between;min-width:0;min-height:175px;background:#161616;color:#fff;border:1px solid #363636;border-radius:16px;padding:12px 9px;cursor:pointer;overflow:hidden}.symbol-option.selected{border:2px solid #fff;background:#282828;padding:11px 8px}.symbol-option img{width:100%;height:115px;object-fit:contain;object-position:center;border-radius:8px}.symbol-option strong{font-size:11px;letter-spacing:-.3px}.question-foot{margin-top:18px;display:flex;gap:9px}.question-foot .btn:first-child{flex:1}.result-icon{width:92px;height:92px;border-radius:27px;background:#fff;color:#080808;display:grid;place-items:center;font-size:46px;margin:24px auto 24px}.result-title{text-align:center;font-size:31px;letter-spacing:-1.4px;line-height:1.1;font-weight:900}.result-description{text-align:center;color:#a4a4a4;font-size:13px;line-height:1.55;margin:12px auto 28px}.result-reward{font-size:44px;letter-spacing:-2px;font-weight:950;text-align:center;margin:0 0 26px}.ref-panel{border:1px solid #424242;background:#171717;border-radius:19px;padding:19px;display:flex;flex-direction:column;gap:11px}.ref-label{font-size:11px;color:#999;letter-spacing:.4px}.ref-link{font-weight:750;font-size:12px;overflow-wrap:anywhere;color:#fff;line-height:1.6}.progress-circles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.progress-circle{aspect-ratio:1;border:1px solid #454545;border-radius:14px;display:grid;place-items:center;position:relative;background:#141414;color:#898989;font-weight:900;font-size:18px}.progress-circle.complete{background:#fff;color:#070707;border-color:#fff}.progress-circle small{position:absolute;bottom:7px;font-weight:800;font-size:8px}.ref-math{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mini-stat{background:#181818;border:1px solid #363636;border-radius:15px;padding:16px}.mini-stat .k{font-size:10px;color:#9a9a9a;margin-bottom:9px}.mini-stat .v{font-size:24px;font-weight:900;letter-spacing:-.8px}.timeline{display:flex;flex-direction:column;gap:0}.timeline-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #292929}.timeline-icon{height:38px;width:38px;background:#202020;border-radius:11px;display:grid;place-items:center}.timeline-body{flex:1;display:flex;flex-direction:column;gap:4px}.timeline-body strong{font-size:12px}.timeline-body small{font-size:10px;color:#999}.empty{padding:25px 14px;border:1px dashed #3d3d3d;border-radius:15px;text-align:center;color:#9b9b9b;font-size:12px;line-height:1.6}.withdraw-card{background:#181818;border:1px solid #393939;border-radius:20px;padding:19px;display:flex;flex-direction:column;gap:14px;margin-top:24px}.withdraw-card h3{margin:0;font-size:18px;letter-spacing:-.5px}.withdraw-hint{font-size:11px;line-height:1.65;color:#9b9b9b}.status-box{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:13px;border:1px solid #3d3d3d;background:#1b1b1b;padding:16px;font-size:12px;margin:20px 0 23px}.status-box span{color:#aaa}.status-box strong{color:#fff}.loader-ring{width:64px;height:64px;border:4px solid #383838;border-top-color:white;border-radius:50%;animation:spin .8s linear infinite;margin:65px auto 35px}@keyframes spin{to{transform:rotate(360deg)}}.toast{pointer-events:none;position:fixed;z-index:100;bottom:calc(95px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,15px);width:min(calc(100vw - 36px),450px);background:#f9f9f9;color:#151515;border:1px solid #aaa;border-radius:13px;box-shadow:0 18px 45px #0009;font-weight:650;font-size:12px;line-height:1.55;opacity:0;padding:14px 18px;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translate(-50%,0)}.preview-console{margin-top:24px;background:#1b1b1b;border:1px dashed #777;border-radius:16px;padding:15px}.preview-console h3{font-size:12px;margin:0 0 12px;color:#ddd;text-transform:uppercase;letter-spacing:1px}.preview-console p{font-size:10px;color:#999;line-height:1.5}.preview-console .btn{margin-top:7px}.loading-note{font-size:11px;color:#9a9a9a;text-align:center;padding:16px 0}.foot-mono{font-size:10px;letter-spacing:1.2px;color:#777;margin-top:26px;text-align:center}.check-progress{height:5px;border-radius:99px;background:#343434;overflow:hidden;margin:6px 0 12px}.check-progress div{height:100%;background:#fff}.list-heading{font-size:12px;font-weight:800;letter-spacing:.3px;margin:20px 0 11px}.top-back{background:transparent;border:0;color:#bbb;font-size:12px;padding:0 0 18px}.status-tag{display:inline-block;border:1px solid #454545;border-radius:30px;padding:5px 9px;color:#ccc;font-size:10px;font-weight:700}.main-kicker{font-size:10px;letter-spacing:1.5px;color:#a6a6a6;margin-top:22px;margin-bottom:7px}.centered{text-align:center}.page-enter{animation:rise .25s var(--ease)}@keyframes rise{from{opacity:.45;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:540px){body{background:#202020}.app-shell{box-shadow:0 5px 60px #0008;background:#080808;min-height:100dvh}.bottom-nav{box-shadow:0 0 80px #0006}}@media(max-width:350px){.content{padding-left:15px;padding-right:15px}.question{font-size:24px}.symbol-option img{height:95px}.symbol-option{min-height:155px}.hero-number{font-size:42px}}

/* LARPshop v1.1: header links, gallery and compact legal reader */
.header-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
.header-clothes,.header-settings{height:42px;border-radius:13px;border:1px solid #414141;color:#f5f5f5;display:inline-flex;align-items:center;justify-content:center;background:#181818;transition:background .2s,border-color .2s}
.header-clothes{gap:6px;padding:0 11px;font-size:11px;font-weight:800;white-space:nowrap}
.header-settings{width:42px;padding:0;flex-shrink:0}
.header-clothes:active,.header-settings:active{background:#292929}
.header-clothes:focus-visible,.header-settings:focus-visible,.setting-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
.gallery-list{display:flex;flex-direction:column;gap:16px}
.gallery-product{border:1px solid #3a3a3a;background:#171717;border-radius:18px;overflow:hidden}
.gallery-photo{background:#f0f0f0;aspect-ratio:4/4.25;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gallery-photo img{width:100%;height:100%;object-fit:contain;display:block}
.gallery-product-text{padding:17px 17px 20px}
.gallery-product-text h2{font-size:16px;line-height:1.3;letter-spacing:-.35px;margin:7px 0 5px}
.gallery-product-text p{margin:0;color:#a4a4a4;font-size:11px;line-height:1.5}
.gallery-number{font-size:10px;letter-spacing:1.2px;color:#a4a4a4}
.setting-link{display:flex;align-items:center;text-align:left;gap:12px;border-radius:15px;padding:14px;background:#1b1b1b;border:1px solid #393939;width:100%;color:#fff;font-size:13px;font-weight:750}
.setting-file{width:38px;height:38px;border-radius:10px;background:#292929;display:grid;place-items:center;font-size:23px}
.setting-arrow{margin-left:auto;color:#aaa;font-size:19px}
.agreement-updated{font-size:10px;color:#a5a5a5;margin:0 0 22px}
.agreement-copy{font-size:11px;line-height:1.7;color:#c1c1c1;overflow-wrap:break-word;padding-bottom:20px}
.agreement-copy p{margin:0 0 12px}
.agreement-copy h2{font-size:12px;font-weight:850;color:#fff;line-height:1.5;margin:21px 0 9px}
.agreement-copy strong{font-weight:750;color:#fff}
.agreement-copy ul{margin:0 0 14px;padding-left:16px}
.agreement-copy li{padding:0;margin:0 0 5px}
/* Same neutral card background around all three symbol choices. */
.symbol-option{background:#171717}
.symbol-option img{background:#171717}
@media(max-width:380px){.app-header{padding-left:15px;padding-right:15px}.brand-type strong{font-size:19px}.brand-type small{font-size:8px;letter-spacing:1.6px}.brand-wrap{gap:8px}.header-clothes{padding:0 8px;font-size:10px;gap:4px}.header-actions{gap:5px}}
@media(max-width:315px){.header-clothes span{display:none}.header-clothes{width:39px;padding:0}}