@charset "UTF-8";
:root{color-scheme:dark;--ink:#f0e9dc;--muted:#a4aaa9;--subtle:#737d82;--accent:#edb877;--line:#cbd7d51f;--panel:#121d27c9;--danger:#ed674d;--safe:#f8db9d;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{background:#101821;min-height:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;min-width:300px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select{touch-action:manipulation}button{border:0;background:none}button:disabled{cursor:default;opacity:.5}button,button svg{transition:background .2s,color .2s,border-color .2s,transform .2s}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover:not(:disabled){color:#fff}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.world{position:fixed;inset:0;background:#172432 url('./assets/backgrounds/twilight-v1.webp') center 45%/cover no-repeat;z-index:-4;transition:opacity .45s}.world-shade{position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,#0b141de8 0%,#0d1821b0 38%,#0b141d19 76%),linear-gradient(0deg,#0c161ff5 0%,#0c161f00 70%,#0c161f70)}.grain{pointer-events:none;position:fixed;inset:0;z-index:20;opacity:.026;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h120v120H0z'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:-100px;left:20px;background:#152532;color:var(--ink);padding:12px;z-index:200}.skip-link:focus{top:10px}.site-header{height:104px;max-width:1440px;padding:0 5%;margin:auto;display:flex;align-items:center;gap:60px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-align:left;padding:0;flex-shrink:0}.brand span{font-family:var(--serif);font-size:14px;letter-spacing:2px;line-height:1.5}.brand small{display:block;font-size:10px;letter-spacing:4px;color:var(--accent)}nav{display:flex;align-self:stretch;gap:32px}.nav-item{position:relative;padding:0 0 2px;color:var(--muted);font-size:13px}.nav-item.active{color:var(--ink)}.nav-item.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.nav-count{font-size:9px;color:var(--accent);margin-left:4px;vertical-align:super}.header-actions{margin-left:auto;display:flex;align-items:center;gap:25px}.wax-balance{display:flex;align-items:center;gap:7px;font-size:15px;font-variant-numeric:tabular-nums;padding:8px 0}.wax-balance svg{color:var(--accent);width:17px}.wax-balance small{color:var(--muted);font-size:11px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--muted);flex-shrink:0}.icon-button:hover{background:#ffffff0b;border-color:#ffffff45}.icon-button.muted{color:#75818a;position:relative}.icon-button.muted:after{content:'';position:absolute;width:24px;height:1px;background:currentColor;transform:rotate(-45deg)}.page{max-width:1440px;margin:auto;padding:0 5%}.eyebrow{display:block;text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent);line-height:1.7}.hero{display:grid;grid-template-columns:1fr 1.02fr;align-items:center;min-height:min(650px,calc(100svh - 292px));padding:44px 0 30px;gap:20px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:2.5px}.hero .eyebrow i{width:5px;height:5px;background:var(--accent);transform:rotate(45deg)}.hero h1{font-family:var(--serif);font-size:clamp(65px,7.7vw,112px);line-height:1.03;font-weight:400;letter-spacing:-4px;margin:26px 0 24px}.hero h1 em,.page-heading h1 em,.pause-modal h2 em{color:var(--accent);font-weight:400}.hero-description{font-size:15px;line-height:1.8;color:#bcc3c4}.hero-description span{display:inline-block;color:var(--ink);margin-top:4px}.hero-cta{display:flex;align-items:center;gap:27px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 23px;min-height:52px;font-size:13px;font-weight:600;border-radius:3px;letter-spacing:.2px;text-decoration:none;transition:.2s}.button svg{width:19px}.button.primary{background:var(--accent);color:#211d19;border:1px solid #f4cea0;box-shadow:0 5px 26px #05090d30}.button.primary:hover:not(:disabled){background:#f8d29e;color:#141a20;box-shadow:0 5px 35px #edb87726}.button .arrow{margin-left:16px}.button.secondary{border:1px solid #cbd7d534;background:#131f2aa6;color:var(--ink)}.button.secondary:hover{background:#273744b0}.text-button{color:#bec2bd;font-size:12px;padding:8px 0}.text-button span{color:var(--accent);margin-left:6px}.session-info{display:flex;gap:10px;align-items:center;color:#879699;font-size:10px;letter-spacing:.3px;margin-top:19px}.session-info i{height:2px;width:2px;border-radius:50%;background:var(--accent);opacity:.6}.hero-art{position:relative;min-width:0;overflow:clip;align-self:stretch;display:flex;align-items:center;justify-content:center}.hero-art canvas{position:relative;width:125%;max-width:760px;flex-shrink:0;pointer-events:none;filter:drop-shadow(0 24px 35px #0004);animation:float 7s ease-in-out infinite}.orbit-line{position:absolute;left:7%;right:7%;top:8%;bottom:9%;border:1px solid #e4c79818;border-radius:50%;transform:rotate(-20deg)}.orbit-line:before{content:'✧';position:absolute;top:16%;left:8%;color:var(--accent);font-size:23px}.art-caption{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:30px;font-size:8px;letter-spacing:2px;color:#b9bbae80}.hall-bottom{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;padding:20px 0 24px}.daily-card,.personal-card{border:1px solid var(--line);background:linear-gradient(120deg,#182530bd,#111c26c2);backdrop-filter:blur(12px);min-height:126px;padding:24px 26px;display:flex;align-items:center;text-align:left;border-radius:5px;gap:22px}.daily-card:hover{border-color:#d9bd8b66;background:#1e2b36d9}.daily-icon{width:46px;height:54px;display:grid;place-items:center;color:var(--accent);border:1px solid #d0ad7738;border-radius:24px 24px 3px 3px;flex-shrink:0}.daily-icon svg{width:26px;height:26px}.daily-card .eyebrow{font-size:8px;letter-spacing:1.7px}.daily-card h2{font-family:var(--serif);font-weight:400;font-size:20px;margin:4px 0}.daily-card p{font-size:10px;color:var(--muted)}.daily-arrow{margin-left:auto;color:var(--accent);width:19px}.personal-card{justify-content:space-between}.personal-card .eyebrow{font-size:8px;letter-spacing:1.5px}.personal-card strong{display:block;font-family:var(--serif);font-weight:400;font-size:32px;line-height:1.3;margin-top:6px}.personal-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:11px;color:var(--muted)}.personal-side .text-button{font-size:10px}.hall-footer{display:flex;justify-content:space-between;font-size:10px;color:#829094;border-top:1px solid var(--line);padding:16px 0 24px}.hall-footer span:last-child{display:flex;align-items:center;gap:7px}.status-dot{width:4px;height:4px;background:#8ba991;border-radius:50%}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:48px 0 32px}.page-heading h1{font-family:var(--serif);font-weight:400;font-size:48px;line-height:1.2;margin:10px 0 12px;letter-spacing:-1.5px}.page-heading p{color:var(--muted);font-size:13px}.segmented{display:flex;border:1px solid var(--line);padding:4px;border-radius:5px;background:#10202bab}.segmented button{padding:10px 18px;color:var(--muted);font-size:12px;border-radius:3px}.segmented button.active{background:#ffffff10;color:var(--ink)}.segmented span{font-size:9px;color:var(--accent);padding-left:8px}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.theme-card{position:relative;border:1px solid #ced3cd25;border-radius:5px;overflow:hidden;background:#10202aeb;cursor:pointer;transition:transform .2s,border-color .2s;text-align:left;padding:0}.theme-card:hover{transform:translateY(-3px)!important;border-color:#e6bd8670}.theme-card.selected{border-color:#edb87790}.theme-card-image{position:relative;height:190px;background-size:cover;background-position:center;overflow:hidden}.theme-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10202ae0,transparent 65%)}.theme-card-image canvas{position:absolute;width:145px;height:170px;left:calc(50% - 72px);top:20px;z-index:1;filter:drop-shadow(0 10px 20px #0007)}.theme-badge{position:absolute;top:12px;left:14px;padding:4px 8px;border:1px solid #d9ca9b42;background:#0e1d26c9;font-size:8px;text-transform:uppercase;letter-spacing:1px;z-index:2;color:#ead6b1}.theme-card-info{padding:19px 20px 18px}.theme-card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.8px;color:var(--muted)}.theme-card-top .price{color:var(--accent);font-size:12px;font-weight:600}.theme-card h2{font-family:var(--serif);font-size:22px;font-weight:400;margin:8px 0 6px;line-height:1.2}.theme-card p{font-size:11px;color:var(--muted)}.theme-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:17px;padding-top:13px;font-size:10px;color:var(--accent)}.theme-card-bottom svg{width:16px}.collection-note{margin:28px 0 35px;padding:17px 20px;background:#111e28b3;border:1px solid var(--line);border-radius:4px;display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.collection-note svg{color:var(--accent)}.seal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.seal-card{border:1px solid var(--line);padding:25px;background:#101e29dc;border-radius:5px;display:flex;flex-direction:column}.seal-symbol{height:130px;display:grid;place-items:center;position:relative;font-family:var(--serif);font-size:60px;color:var(--seal);text-shadow:0 0 30px var(--seal)}.seal-symbol:before{content:'';position:absolute;width:85px;height:85px;border:1px solid currentColor;border-radius:50%;opacity:.3}.seal-card h2{font-family:var(--serif);font-size:23px;font-weight:400;margin-bottom:9px}.seal-card p{color:var(--muted);font-size:12px;min-height:55px}.seal-card button{margin-top:18px;width:100%;padding:12px;font-size:11px}.seal-card .eyebrow{font-size:8px;margin:15px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{padding:25px;border:1px solid var(--line);border-radius:4px;background:#14212bce}.stat-card strong{display:block;font-family:var(--serif);font-size:36px;font-weight:400;margin-top:9px}.stat-card .eyebrow{font-size:9px;color:var(--muted)}.journal-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:42px;padding:36px 0 50px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.section-heading h2{font-family:var(--serif);font-size:24px;font-weight:400}.section-heading>span{font-size:9px;color:var(--muted)}.history-row{display:grid;grid-template-columns:1fr 95px 70px;align-items:center;border-top:1px solid var(--line);padding:16px 2px;gap:10px}.history-row h3{font-size:12px;font-weight:500}.history-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.history-row strong{font-family:var(--serif);font-size:25px;font-weight:400;color:var(--accent);text-align:right}.history-row>span{font-size:10px;color:var(--muted);text-align:right}.empty-state{text-align:center;border:1px dashed #cbd7d52c;border-radius:5px;padding:48px 20px;background:#12212b66}.empty-state svg{width:36px;height:36px;color:var(--accent);margin-bottom:16px}.empty-state h3{font-family:var(--serif);font-size:24px;font-weight:400}.empty-state p{font-size:12px;color:var(--muted);margin-top:8px}.empty-state .button{margin-top:20px}.achievement-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.achievement{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:4px;padding:16px;background:#14212b9e;color:var(--muted)}.achievement.earned{border-color:#e9bd8059;background:#21303aae;color:var(--ink)}.achievement>span{font-family:var(--serif);font-size:26px;color:#7b8587}.achievement.earned>span{color:var(--accent)}.achievement h3{font-size:11px;font-weight:600}.achievement p{font-size:9px;margin-top:5px;color:var(--muted)}.arena{position:fixed;inset:0;height:100svh;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));isolation:isolate}.playing .site-header{display:none}.playing .world-shade{background:linear-gradient(0deg,#0a1422d9,transparent 35%,#0b1421a1 90%),#0d182149}.arena-top{display:flex;align-items:center;gap:10px;max-width:1360px;width:100%;margin:0 auto}.arena-title{font-family:var(--serif);font-size:17px;color:#e7decc;padding:0}.mode-label{font-size:9px;color:var(--muted);border-left:1px solid var(--line);padding-left:13px;margin-left:6px}.arena-top .icon-button:first-of-type{margin-left:auto}.arena-top #arena-sound{margin-left:auto}.hud{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;max-width:1000px;width:100%;margin:18px auto 0;gap:20px;pointer-events:none}.hud .eyebrow{color:#b5bcb6;font-size:8px;letter-spacing:2px}.hud-score{text-align:center}.hud-score strong{font-family:var(--serif);display:block;font-weight:400;font-size:46px;line-height:1.2;color:#f5dbb2;font-variant-numeric:tabular-nums}.hud-progress{text-align:right}.hud-progress strong{font-family:var(--serif);font-size:29px;font-weight:400;display:block;padding-top:6px}.hud-progress small{font-size:17px;color:#aeb6b6}.lives{display:flex;gap:18px;align-items:center;height:45px;padding-top:5px}.life{position:relative;width:9px;height:20px;background:linear-gradient(90deg,#b7a077,#eed6a3,#ad9469);border-radius:2px;box-shadow:0 2px 8px #0004;transition:opacity .4s;margin-top:12px}.life:before{content:'';position:absolute;width:12px;height:21px;left:-1.5px;top:-22px;border-radius:70% 35% 60% 50%;background:radial-gradient(ellipse at 50% 75%,#fff7da,#ffd17f 40%,#df783c 75%,transparent 90%);box-shadow:0 0 20px #f6af6b66;animation:flicker 2s ease-in-out infinite}.life.lost{opacity:.25}.life.lost:before{background:#737b80;box-shadow:none;animation:none;transform:scale(.5)}.playfield{position:relative;flex:1;min-height:0;width:100%;max-width:1400px;margin:0 auto;overflow:hidden}.playfield canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;outline-offset:-3px}.countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(ellipse,#111e2759,transparent 65%)}.countdown>span{font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:4px}.countdown strong{font-family:var(--serif);font-weight:400;font-size:100px;line-height:1.5;color:#f1d4a7;text-shadow:0 5px 25px #0008}.countdown small{color:#ced0c8;font-size:11px}.arena-bottom{width:100%;max-width:1250px;margin:0 auto}.round-progress{height:2px;background:#fff1;margin-bottom:15px;overflow:hidden}.round-progress span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.arena-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:34px}.arena-bottom-row>span{font-size:9px;color:#a0afa9}.arena-bottom-row>span:last-child{font-variant-numeric:tabular-nums;min-width:42px;text-align:right}.combo{display:flex;align-items:center;gap:15px}.combo>span{font-size:9px;color:#aab6b2;min-width:55px}.combo b{color:var(--ink);font-weight:500;margin-left:4px}.combo-meter{height:3px;width:140px;background:#fff2}.combo-meter i{height:100%;display:block;background:var(--accent);width:0;transition:width .2s}.combo>strong{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--accent);min-width:36px}.game-notice{position:absolute;left:0;right:0;top:5%;font-size:11px;text-align:center;color:var(--accent);pointer-events:none}.result{min-height:calc(100svh - 104px);display:grid;place-items:center;padding-top:25px;padding-bottom:40px}.result-card{position:relative;border:1px solid #e3bd7c44;background:linear-gradient(150deg,#17242ef0,#111c27f5);box-shadow:0 30px 90px #0004;border-radius:6px;width:min(640px,100%);text-align:center;padding:36px 42px}.result-card:before,.result-card:after{content:'✧';position:absolute;top:18px;color:var(--accent);font-size:18px;opacity:.5}.result-card:before{left:20px}.result-card:after{right:20px}.result-card .result-emblem{width:44px;height:52px;margin:18px auto 14px}.result-card h1{font-family:var(--serif);font-size:37px;font-weight:400;line-height:1.2;margin:9px 0;color:#ead2ab}.result-subtitle{font-size:11px;color:var(--muted);margin:12px 0 20px}.result-score{font-family:var(--serif);font-size:78px;font-weight:400;line-height:1.1;color:var(--ink)}.result-score-label{color:var(--muted);font-size:8px;letter-spacing:3px;text-transform:uppercase;margin-top:4px}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0;border-block:1px solid var(--line);padding:18px 0}.result-stats span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.result-stats strong{font-family:var(--serif);font-size:22px;font-weight:400;display:block;margin-top:5px}.result-reward{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--accent);min-height:26px}.result-reward svg{width:16px}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:24px}.result-actions .button{flex:1}.result-new{display:block;font-size:9px;letter-spacing:2px;color:var(--accent);margin-top:10px}.result-achievements{font-size:11px;color:var(--accent);margin-top:16px}.result-share{font-size:10px;margin-top:17px;color:var(--muted)}.modal{color:var(--ink);border:1px solid #e3bd7c44;border-radius:7px;background:linear-gradient(145deg,#192833,#101b25);box-shadow:0 35px 120px #0009;max-width:calc(100vw - 30px);width:470px;max-height:calc(100svh - 40px);overflow-y:auto;padding:34px;position:fixed}.modal::backdrop{background:#040b12b8;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:15px;top:15px;width:32px;height:32px}.dialog-close svg{width:15px}.modal h2{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.2;margin:10px 0 19px}.modal>p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 22px}.setting{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line);padding:16px 0;font-size:12px}.setting small{display:block;font-size:9px;color:var(--muted);margin-top:5px;line-height:1.5}.setting input[type=text],.setting input:not([type]),.setting select{border:1px solid var(--line);background:#0c1722;padding:9px 10px;border-radius:3px;color:var(--ink);width:150px;font-size:12px;min-height:38px}.setting input[type=range]{width:140px;accent-color:var(--accent)}.setting input[type=checkbox]{appearance:none;width:36px;height:21px;border-radius:20px;background:#34414a;position:relative;cursor:pointer;flex-shrink:0}.setting input[type=checkbox]:before{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:#a6b1b7;left:3px;top:3px;transition:transform .2s}.setting input[type=checkbox]:checked{background:#a17c4c}.setting input[type=checkbox]:checked:before{background:#f9dfb4;transform:translateX(15px)}.full{width:100%}.save-tools{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.save-tools h3{font-size:13px;font-weight:500}.save-tools p{font-size:10px;color:var(--muted);line-height:1.7;margin:9px 0 14px}.save-tools>div{display:flex;gap:10px}.save-tools .button{flex:1;min-height:40px;padding:10px;font-size:11px}.modal .version{font-size:8px;color:var(--subtle);text-align:center;letter-spacing:.4px;margin:20px 0 0}.tutorial{text-align:center;width:460px}.tutorial>canvas{width:230px;height:205px;display:block;margin:0 auto -15px}.tutorial h2{margin-bottom:12px}.tutorial #tutorial-copy{min-height:67px;font-size:13px;line-height:1.8;margin-bottom:18px}.tutorial .tutorial-footnote{font-size:9px;margin:16px 0 0}.tutorial-example{display:flex;justify-content:center;align-items:center;font-size:9px;color:var(--accent);gap:7px;height:28px;margin-bottom:14px}.pause-modal{text-align:center;width:430px}.pause-modal h2{font-size:41px;margin-top:24px}.pause-modal .button+.button{margin-top:12px}.theme-modal{padding:0;width:610px;overflow:hidden;max-height:calc(100svh - 30px);overflow-y:auto}.theme-modal .dialog-close{z-index:2;background:#101b2599}.theme-detail-art{height:245px;background-size:cover;background-position:center;position:relative}.theme-detail-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#14222c,transparent 70%)}.theme-detail-art canvas{position:absolute;width:180px;height:215px;left:calc(50% - 90px);top:20px;z-index:1}.theme-detail-body{padding:12px 30px 28px}.theme-detail-body h2{font-size:33px;margin-top:8px}.theme-detail-body p{color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0}.theme-detail-meta{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding:15px 0;margin:22px 0}.theme-detail-meta strong{font-size:16px;color:var(--accent)}.theme-detail-meta small{color:var(--muted);font-size:10px}.theme-detail-body .theme-purchase-note{font-size:10px;color:var(--subtle);text-align:center;margin-bottom:0}.toast{position:fixed;left:50%;bottom:max(25px,env(safe-area-inset-bottom));transform:translate(-50%,15px);opacity:0;visibility:hidden;background:#e6c494;color:#25251e;border:1px solid #fae1b9;box-shadow:0 15px 40px #0006;border-radius:5px;padding:13px 23px;z-index:150;max-width:calc(100vw - 30px);width:max-content;text-align:center;font-size:12px;transition:.25s;pointer-events:none}.toast.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}.save-warning{position:fixed;bottom:0;left:0;right:0;background:#683b2b;color:#ffe1b0;font-size:10px;text-align:center;padding:8px;z-index:140}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:#12202d;color:#edb877;font-size:20px;padding:30px}.low-motion *,.low-motion *:before,.low-motion *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.is-preview .world-shade{background:linear-gradient(0deg,#0a1422d9,transparent 35%,#0b1421a1 90%),#0d182149}.result .preview-note{color:var(--accent);font-size:11px;margin-top:15px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes flicker{0%,100%{transform:scale(1) rotate(-3deg)}40%{transform:scale(.92,1.07) rotate(3deg)}70%{transform:scale(1.05,.94) rotate(-1deg)}}
@media(min-width:1600px){.hero{min-height:670px}.hero h1{font-size:112px}}
@media(max-width:1100px){.site-header{gap:35px;padding-inline:4%}nav{gap:25px}.page{padding-inline:4%}.hero{grid-template-columns:1fr 1fr;min-height:520px}.hero h1{font-size:77px}.hero-art canvas{width:135%}.hero-cta{gap:20px}.hero-cta .button{padding-inline:18px}.daily-card,.personal-card{padding:21px 20px;gap:15px}.daily-card h2{font-size:17px}.personal-side{font-size:10px}.theme-grid{gap:15px}.theme-card h2{font-size:20px}.seal-grid{grid-template-columns:repeat(2,1fr)}.journal-columns{gap:25px}.achievement-list{grid-template-columns:1fr}}
@media(max-width:760px){.site-header{height:86px;flex-wrap:wrap;gap:0;justify-content:space-between;position:relative;padding:12px 5% 0;align-content:space-between}.brand{gap:8px}.brand img{width:25px;height:32px}.brand span{font-size:10px;letter-spacing:1.3px}.brand small{font-size:7px;letter-spacing:3px}.header-actions{gap:16px;margin-left:0;align-self:flex-start}.header-actions .icon-button{width:31px;height:31px}.header-actions .icon-button svg{width:15px}.wax-balance{padding-top:5px;font-size:12px}.wax-balance small{font-size:9px}nav{order:3;width:100%;height:33px;justify-content:center;gap:40px}.nav-item{font-size:11px;padding-bottom:8px}.nav-count{font-size:8px}.page{padding-inline:5%}.world{background-position:58% center}.world-shade{background:linear-gradient(0deg,#0c161ff5,#0c161f88 40%,#0c161f11),linear-gradient(90deg,#0b141da8,transparent)}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:0;padding:14px 0 22px;min-height:0}.hero-art{height:215px;align-self:stretch;margin:0 -5%;overflow:hidden}.hero-art canvas{width:360px;max-width:none;height:auto;position:absolute;top:-17px;left:calc(50% - 180px)}.orbit-line{width:235px;height:220px;left:calc(50% - 117px);top:0;bottom:auto;right:auto}.art-caption{display:none}.hero-copy{text-align:center;margin-top:-2px}.hero .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.4px}.hero h1{font-size:68px;letter-spacing:-2.6px;line-height:1.01;margin:17px 0 16px}.hero-description{font-size:12px;line-height:1.7}.hero-description br{display:none}.hero-description span{display:block;margin-top:2px}.hero-cta{justify-content:center;gap:20px;margin-top:24px}.hero-cta .button{font-size:12px;min-height:50px;gap:12px;padding-inline:21px}.hero-cta .button .arrow{margin-left:0}.hero-cta .text-button{font-size:10px}.session-info{justify-content:center;font-size:9px;margin-top:15px;gap:9px}.hall-bottom{grid-template-columns:1fr;gap:12px;padding:8px 0 18px}.daily-card,.personal-card{min-height:102px;padding:18px;gap:15px;backdrop-filter:none}.daily-icon{height:43px;width:37px}.daily-card h2{font-size:19px}.daily-card p{font-size:9px}.daily-card .eyebrow{font-size:8px}.personal-card strong{font-size:28px}.hall-footer{font-size:8px;gap:10px;padding-top:13px}.hall-footer>span:first-child{display:none}.hall-footer{justify-content:center;padding-bottom:20px}.page-heading{padding:32px 0 24px;align-items:flex-start;flex-wrap:wrap;gap:22px}.page-heading h1{font-size:37px;letter-spacing:-1px;margin:10px 0}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:11px}.segmented{width:100%}.segmented button{flex:1;padding:9px}.theme-grid{grid-template-columns:1fr 1fr;gap:12px}.theme-card-image{height:139px}.theme-card-image canvas{width:118px;height:138px;top:9px;left:calc(50% - 59px)}.theme-card-info{padding:13px 12px}.theme-card h2{font-size:19px;line-height:1.15;min-height:43px}.theme-card-top{font-size:7px;letter-spacing:0}.theme-card-top .price{font-size:10px}.theme-card p{font-size:9px;min-height:27px}.theme-badge{font-size:6px;left:8px;top:8px;letter-spacing:.6px;padding:3px 6px}.theme-card-bottom{font-size:9px;margin-top:12px;padding-top:9px}.theme-card-bottom svg{width:13px}.collection-note{font-size:10px;padding:15px;align-items:flex-start;line-height:1.7}.seal-grid{gap:12px}.seal-card{padding:16px}.seal-symbol{height:110px;font-size:50px}.seal-card h2{font-size:21px}.seal-card p{font-size:10px;min-height:45px}.seal-card button{min-height:42px;font-size:10px;margin-top:12px}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:20px}.stat-card .eyebrow{font-size:8px}.stat-card strong{font-size:31px}.journal-columns{grid-template-columns:1fr;gap:30px;padding-top:28px}.achievement-list{grid-template-columns:1fr 1fr;gap:10px}.achievement{padding:14px 10px;gap:9px}.achievement h3{font-size:10px}.achievement p{font-size:8px}.achievement>span{font-size:23px}.section-heading h2{font-size:23px}.section-heading>span{font-size:8px}.page-heading #edit-name{min-height:40px;font-size:11px;padding:10px 15px}.arena{padding-inline:15px;padding-top:max(10px,env(safe-area-inset-top))}.arena-title{font-size:13px;max-width:145px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.arena-top{gap:8px}.arena-top .icon-button{width:34px;height:34px}.arena-top .icon-button svg{width:16px}.mode-label{font-size:7px;padding-left:9px;margin-left:0;max-width:95px}.hud{margin-top:20px;gap:8px}.hud .eyebrow{font-size:7px;letter-spacing:1.4px}.hud-score strong{font-size:37px}.hud-progress strong{font-size:24px;padding-top:8px}.hud-progress small{font-size:14px}.lives{gap:15px;height:37px;padding-left:4px}.life{width:8px;height:17px}.life:before{width:10px;height:17px;left:-1px;top:-18px}.arena-bottom-row{gap:10px}.arena-bottom-row>#round-hint{display:none}.arena-bottom-row .combo{flex:1;gap:12px}.combo-meter{flex:1;max-width:200px}.combo>span{font-size:8px}.combo>strong{font-size:25px}.arena-bottom-row>span:last-child{font-size:10px}.countdown strong{font-size:85px}.countdown small{font-size:10px}.result{min-height:calc(100svh - 86px);padding-top:24px;padding-bottom:30px}.result-card{padding:29px 20px}.result-card h1{font-size:30px}.result-score{font-size:66px}.result-emblem{width:35px!important;height:44px!important;margin:15px auto!important}.result-card .eyebrow{font-size:8px;letter-spacing:2px}.result-stats{gap:5px;margin-block:20px;padding-block:15px}.result-stats span{font-size:7px}.result-stats strong{font-size:20px}.result-actions{gap:8px}.result-actions .button{padding:12px 10px;font-size:11px;gap:8px;min-height:47px}.result-subtitle{font-size:10px;margin-top:10px}.result-new{font-size:8px}.modal{padding:29px 23px;max-width:calc(100vw - 26px);max-height:calc(100svh - 26px)}.modal h2{font-size:31px}.modal>.eyebrow{font-size:8px}.setting{padding-block:14px;font-size:11px}.setting small{font-size:8px}.setting input:not([type]),.setting select{width:132px;font-size:11px}.setting input[type=range]{width:122px}.tutorial>canvas{width:220px;height:195px}.tutorial #tutorial-copy{font-size:12px}.tutorial .tutorial-footnote{font-size:8px}.theme-modal{padding:0}.theme-detail-art{height:210px}.theme-detail-art canvas{height:185px;width:155px;left:calc(50% - 77px)}.theme-detail-body{padding:8px 23px 24px}.theme-detail-body h2{font-size:29px}.theme-detail-body p{font-size:11px}.theme-detail-meta{margin-block:18px;padding-block:12px}.theme-detail-meta small{font-size:8px}.toast{font-size:11px;padding:12px 17px}}
@media(max-width:360px){.hero h1{font-size:59px}.hero-art{height:185px}.hero-art canvas{width:320px;left:calc(50% - 160px);top:-20px}.hero .eyebrow{font-size:7px}.hero-cta{gap:15px}.hero-cta .button{padding-inline:16px;font-size:11px}.theme-grid{gap:9px}.theme-card-info{padding:12px 10px}.theme-card h2{font-size:17px}.theme-card-top .price{font-size:9px}.mode-label{max-width:70px;font-size:6px}.achievement-list{grid-template-columns:1fr}.daily-card h2{font-size:17px}}
@media(max-height:560px) and (min-width:761px){.arena-top{height:35px}.hud{margin-top:7px}.hud-score strong{font-size:31px}.hud-progress strong{font-size:25px}.hud .eyebrow{font-size:7px}.arena-bottom-row{min-height:22px}.round-progress{margin-bottom:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-art canvas,.life:before{animation:none}}