:root{--ink:#3c2d27;--paper:#f7e8c5;--paper2:#edcd91;--red:#a74732;--red2:#d16644;--green:#365d54;--gold:#e9b85c;--wood:#6c3f2e;--cream:#fff7df;--shadow:0 6px 18px rgba(49,32,23,.18);font-family:"Noto Serif SC","Songti SC",serif;color:var(--ink);background:#1f3839}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #f7d77a;outline-offset:2px}.app-shell{width:100%;height:100dvh;max-width:560px;margin:auto;position:relative;overflow:hidden;background:var(--paper)}.screen{position:absolute;inset:0;display:none;overflow:hidden}.screen.active{display:flex}.gate-screen{background:#203d3e;flex-direction:column}.gate-scene{height:58%;position:relative;overflow:hidden}.gate-scene img,.home-hero>img{width:100%;height:100%;object-fit:cover}.gate-scene:after,.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(39,34,29,.76))}.brand-lockup{position:absolute;z-index:1;left:0;right:0;bottom:27px;text-align:center;color:#fff2cb;text-shadow:0 3px 0 #593328}.brand-lockup h1{font-size:46px;line-height:1;margin:8px 0;letter-spacing:0}.brand-lockup p{margin:0;font-size:14px;letter-spacing:0}.brand-seal{display:inline-block!important;border:1px solid #f2cf88;padding:4px 9px!important;border-radius:2px}.wood-panel{margin-top:-15px;z-index:2;min-height:44%;padding:24px 25px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;background:linear-gradient(110deg,rgba(255,255,255,.15),transparent),#f4dfb2;box-shadow:0 -9px 24px rgba(28,19,14,.22);display:grid;grid-template-columns:54px 1fr;gap:10px 13px;align-content:center}.age-badge{width:50px;height:50px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-weight:900;font-size:20px}.gate-panel strong{font-size:18px}.gate-panel p{font-family:system-ui,sans-serif;font-size:12px;line-height:1.6;margin:3px 0;color:#6b5547}.consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:8px;font-family:system-ui,sans-serif;font-size:12px}.consent input{width:18px;height:18px;accent-color:var(--red);margin:0}.link-btn,.text-btn{border:0;background:none;color:var(--red);padding:0}.primary-btn{grid-column:1/-1;border:0;border-radius:6px;background:linear-gradient(#c76545,#9d3d2d);color:#fff7dc;padding:14px;font-weight:800;box-shadow:0 4px 0 #743326}.primary-btn:disabled{filter:grayscale(1);opacity:.48}.gate-panel>small{grid-column:1/-1;text-align:center;color:#866d5d;font-family:system-ui,sans-serif}.home-screen{flex-direction:column;background:#f3dfb3}.home-topbar{position:absolute;z-index:4;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top)) 13px 8px;display:flex;align-items:center;gap:8px;color:white;background:linear-gradient(rgba(26,44,43,.8),transparent)}.profile-chip{border:0;background:none;display:flex;align-items:center;color:white;text-align:left;padding:0;margin-right:auto}.profile-chip .avatar{width:34px;height:34px;border-radius:50%;background:#b34835;border:2px solid #f1c875;display:grid;place-items:center;margin-right:7px;font-weight:900}.profile-chip b,.profile-chip small{display:block;letter-spacing:0}.profile-chip small{font:10px system-ui,sans-serif;opacity:.85}.currency{height:31px;min-width:62px;padding:0 9px;border:1px solid rgba(255,255,255,.28);background:rgba(28,41,39,.54);border-radius:16px;display:flex;gap:5px;align-items:center;font-family:system-ui,sans-serif}.currency span{color:#ffd678}.icon-btn{width:36px;height:36px;border:0;border-radius:50%;background:rgba(37,45,41,.54);color:#fff;display:grid;place-items:center;font:bold 19px system-ui,sans-serif}.icon-btn.light{background:#fff3d3;color:#704536;box-shadow:var(--shadow)}.home-hero{height:38%;position:relative;flex:none}.home-title{position:absolute;z-index:2;bottom:15px;left:24px;color:#fff0c2;text-shadow:0 2px 0 #543227}.home-title span{font-size:11px;border:1px solid currentColor;padding:3px 7px}.home-title h1{font-size:36px;margin:5px 0 1px;letter-spacing:0}.home-title p{margin:0;font:11px system-ui,sans-serif}.notice-strip{height:38px;flex:none;padding:0 18px;display:flex;align-items:center;background:#2f554d;color:#f8e3b3;gap:10px}.notice-strip p{font:12px system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notice-icon{background:#e8bc62;color:#5d3d2b;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:bold}.level-band{padding:14px 16px 92px;flex:1;overflow:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.section-heading small{color:#9a523a}.section-heading h2{margin:1px 0;font-size:23px;letter-spacing:0}.level-list{display:grid;gap:10px}.level-card{min-height:100px;border:1px solid rgba(104,57,37,.2);border-radius:7px;background:#fff1ce;box-shadow:0 4px 0 rgba(109,69,41,.17),var(--shadow);display:flex;align-items:center;text-align:left;padding:14px;position:relative;overflow:hidden}.level-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(92deg,transparent 0 24px,rgba(128,77,43,.025) 25px 27px)}.level-card.challenge{color:#ffefca;background:linear-gradient(120deg,#76513c,#9f4835)}.level-number{position:relative;z-index:1;min-width:112px}.level-number small,.level-number b{display:block}.level-number small{font-size:12px;opacity:.72}.level-number b{font-size:19px;margin-top:4px}.level-art{display:flex;align-items:center;gap:0;font-size:30px;position:relative}.level-art span{width:45px;height:45px;background:#f7db9e;border:2px solid #a86740;border-radius:7px;display:grid;place-items:center;box-shadow:2px 3px 0 #8d553a}.level-art span+span{margin-left:-9px;margin-top:14px}.level-art i{font:10px system-ui,sans-serif;background:#47705c;color:white;border-radius:10px;padding:2px 6px;position:absolute;right:-27px;top:-5px}.level-action{margin-left:auto;position:relative;z-index:1;border:1px solid currentColor;border-radius:4px;padding:5px 9px;font-size:12px}.difficulty{margin-left:auto;text-align:right;position:relative}.difficulty span,.difficulty strong{display:block}.difficulty span{font:10px system-ui,sans-serif;opacity:.7}.difficulty strong{font:25px Georgia,serif;color:#ffd678}.bottom-nav{position:absolute;z-index:5;bottom:0;left:0;right:0;height:71px;padding-bottom:env(safe-area-inset-bottom);background:#fff4d9;border-top:1px solid #d5af76;display:grid;grid-template-columns:repeat(3,1fr)}.bottom-nav button{border:0;background:none;color:#806453;font-size:11px}.bottom-nav button span{display:block;font-size:20px;font-weight:bold;margin-bottom:3px}.bottom-nav button.active{color:var(--red)}.game-screen{flex-direction:column;background:linear-gradient(#57796e 0 22%,#d7b879 50%,#e9d09c)}.game-header{height:72px;padding:calc(10px + env(safe-area-inset-top)) 12px 6px;display:flex;align-items:center;gap:10px;z-index:4}.level-meta{color:#fff3d5;text-shadow:0 2px #355047;min-width:76px}.level-meta small,.level-meta strong{display:block}.level-meta small{font-size:10px}.level-meta strong{font-size:17px}.progress-wrap{flex:1;color:#fff3d5;font:10px system-ui,sans-serif;text-align:center}.progress-wrap>div{height:7px;background:rgba(31,48,43,.45);border:1px solid rgba(255,255,255,.2);border-radius:6px;margin-top:5px;overflow:hidden}.progress-wrap i{display:block;height:100%;width:0;background:#f1c45e;transition:width .3s}.street-sky{position:absolute;top:72px;left:0;right:0;height:100px;opacity:.3;background:url("assets/old-street.svg") center 15%/cover}.street-sky span{position:absolute;right:10px;top:7px;color:#fff;font:9px system-ui,sans-serif}.board{position:relative;z-index:2;width:min(96%,520px);height:calc(100dvh - 314px);min-height:290px;margin:3px auto 0;touch-action:manipulation}.tile{position:absolute;width:62px;height:62px;border:0;padding:0;background:none;transition:transform .18s ease,opacity .18s ease,filter .18s;will-change:transform}.tile-card{position:absolute;inset:3px;border:2px solid #8d573b;border-radius:7px;background:linear-gradient(145deg,#fff3cf,#e8c67e);box-shadow:0 4px 0 #70432f,0 7px 12px rgba(45,29,22,.27);display:grid;place-items:center}.tile-card:before{content:"";position:absolute;inset:3px;border:1px dashed rgba(140,85,50,.25);border-radius:4px}.tile-icon{font:30px system-ui,sans-serif;filter:saturate(.82);position:relative}.tile-name{position:absolute;bottom:5px;font:7px system-ui,sans-serif;color:#76523e}.tile.blocked{filter:brightness(.55) saturate(.5)}.tile.blocked:after{content:"";position:absolute;inset:7px;background:repeating-linear-gradient(45deg,transparent 0 8px,rgba(57,40,31,.32) 9px 12px);border-radius:5px}.tile.selectable{cursor:pointer}.tile.selectable:active{transform:scale(.94)}.tile.hint .tile-card{animation:hintPulse .65s 3;box-shadow:0 0 0 5px #ffd75d,0 5px 0 #70432f}.tile.removing{transform:translateY(45px) scale(.72);opacity:0}.cover{position:absolute;z-index:80;width:104px;height:25px;border:2px solid #5d4332;border-radius:3px;background:repeating-linear-gradient(90deg,#8b6042 0 13px,#714b35 14px 17px);box-shadow:0 4px 8px rgba(0,0,0,.3);color:#f7dd9b;font:9px system-ui,sans-serif;display:grid;place-items:center;pointer-events:none;transition:opacity .3s}.cover.cleared{opacity:0}.temp-shelf{height:38px;margin:0 13px;display:none;align-items:center;gap:8px;background:#6a4534;border:2px solid #4c3329;border-radius:4px;padding:4px 8px;color:#f4d99e;font-size:10px;z-index:2}.temp-shelf.active{display:flex}.temp-shelf>div{display:flex;gap:5px}.temp-item{border:0;width:29px;height:27px;background:#f8e4b5;border-radius:3px;font-size:17px}.tray-area{position:relative;z-index:4;margin:4px 10px 0}.tray-label{display:flex;align-items:center;justify-content:space-between;padding:0 7px 3px;color:#583b2e}.tray-label span{font-weight:900;font-size:13px}.tray-label small{font:9px system-ui,sans-serif;opacity:.75}.tray{height:61px;padding:6px;display:grid;grid-template-columns:repeat(var(--slots,7),1fr);gap:3px;border:5px solid #68422f;border-radius:6px;background:#332a25;box-shadow:inset 0 0 0 2px #a97949,0 5px 10px rgba(55,33,22,.28)}.tray-slot{min-width:0;border-radius:3px;background:#ead29d;box-shadow:inset 0 2px 5px rgba(73,42,26,.25);display:grid;place-items:center;font:25px system-ui,sans-serif;position:relative}.tray-slot.filled{background:#fff0c7;animation:dropIn .2s}.tray-slot.pairing{animation:pairPop .35s}.powerups{height:76px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px 12px calc(6px + env(safe-area-inset-bottom));z-index:4}.powerups button{position:relative;border:0;background:none;padding:0;color:#51372e}.power-icon{width:40px;height:40px;margin:auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#fff4d5,#e3bc75);border:2px solid #774936;box-shadow:0 3px 0 #68402e;font:bold 22px system-ui,sans-serif}.powerups b{display:block;font-size:10px;margin-top:3px}.powerups i{position:absolute;top:-2px;right:12px;min-width:18px;height:18px;border-radius:9px;background:#a94834;color:#fff;font:10px system-ui,sans-serif;display:grid;place-items:center}.powerups button:disabled{filter:grayscale(1);opacity:.45}.toast{position:absolute;z-index:100;left:50%;bottom:130px;transform:translate(-50%,12px);background:rgba(50,37,31,.92);color:#fff2cd;padding:9px 15px;border-radius:4px;font:12px system-ui,sans-serif;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-root{position:absolute;z-index:90;inset:0;pointer-events:none}.modal-root.open{pointer-events:auto;background:rgba(32,31,26,.62);display:grid;place-items:end center}.modal{width:100%;max-height:88%;overflow:auto;background:#f6e5bd;border-radius:12px 12px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px rgba(0,0,0,.3);animation:slideUp .25s}.modal-handle{width:42px;height:4px;background:#b59465;border-radius:2px;margin:-8px auto 13px}.modal header{display:flex;justify-content:space-between;align-items:center}.modal h2{margin:0;font-size:23px}.close-btn{border:0;background:#e7cca0;width:32px;height:32px;border-radius:50%;font:bold 17px system-ui,sans-serif}.modal-copy{font:13px/1.75 system-ui,sans-serif;color:#665044}.modal-actions{display:grid;gap:9px;margin-top:16px}.secondary-btn{border:1px solid #a1724d;background:#fff0c8;border-radius:5px;padding:12px;font-weight:bold}.result{text-align:center}.result-stamp{width:92px;height:92px;border:4px double var(--red);border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;color:var(--red);font-size:22px;font-weight:900;transform:rotate(-7deg)}.result h2{font-size:26px}.result-quote{background:#ead19b;padding:12px;border-left:4px solid var(--red);font-size:15px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0}.stat-row div+div{border-left:1px solid #c6a878}.stat-row b,.stat-row small{display:block}.stat-row b{font:22px Georgia,serif;color:var(--red)}.stat-row small{font:10px system-ui,sans-serif}.rank-tabs{display:flex;margin:14px 0;border-bottom:1px solid #c8a777}.rank-tabs button{flex:1;border:0;background:none;padding:9px}.rank-tabs button.active{color:var(--red);border-bottom:3px solid var(--red);font-weight:bold}.rank-list{display:grid;gap:7px}.rank-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;background:#fff0c8;padding:9px;border-radius:5px}.rank-item.me{background:#dce5c9;border:1px solid #81966c}.rank-item small{display:block;font:10px system-ui,sans-serif;color:#846756}.reward-tag{font:10px system-ui,sans-serif;color:#8a4d34}.ad-card{padding:12px;background:#e8d3a4;border:1px dashed #a57a52;border-radius:5px;text-align:center}.ad-card span{display:block;font:10px system-ui,sans-serif;color:#826750;margin-bottom:6px}.settings-list{display:grid;gap:12px;margin:15px 0}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #d8bd8b}.switch{width:42px;height:24px;border:0;border-radius:12px;background:#9e8b70;padding:3px}.switch:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#47705c}.switch.on:after{transform:translateX(18px)}@keyframes slideUp{from{transform:translateY(100%)}to{transform:none}}@keyframes dropIn{from{transform:scale(.6);opacity:.2}}@keyframes pairPop{50%{transform:scale(1.25);background:#ffd669}to{transform:scale(0);opacity:0}}@keyframes hintPulse{50%{transform:translateY(-5px)}}
@media (min-width:561px){body{background:#172f31}.app-shell{box-shadow:0 0 50px rgba(0,0,0,.55)}}
@media (max-height:700px){.home-hero{height:32%}.level-card{min-height:88px}.board{height:calc(100dvh - 296px);min-height:245px}.powerups{height:70px}.tray{height:56px}.gate-scene{height:52%}.brand-lockup h1{font-size:38px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 2026 premium surface: editorial restraint with tactile mobile interactions. */
:root{--ink:#172a26;--paper:#f4f4ef;--paper2:#d9c697;--red:#b54835;--green:#173f38;--gold:#c9a65d;--cream:#fcfbf7;--shadow:0 18px 44px rgba(18,45,39,.12)}
body{background:#102c27;font-family:"Noto Serif SC","Songti SC",serif}
.app-shell{background:#f3f3ee;box-shadow:0 0 80px rgba(3,22,18,.42)}
button{letter-spacing:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease}
button:active{transform:scale(.975)}
.home-screen{background:#f3f3ee}
.home-hero{height:36%;min-height:236px;overflow:hidden;isolation:isolate;background:#173f38}
.home-hero>img{transform:scale(1.045) translate3d(calc(var(--pointer-x,0)*-8px),calc(var(--pointer-y,0)*-6px),0);transition:transform .65s cubic-bezier(.2,.8,.2,1);filter:saturate(.84) contrast(1.04)}
.home-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(110deg,rgba(12,42,35,.16),transparent 52%),linear-gradient(0deg,rgba(12,32,28,.82),transparent 58%)}
.home-hero:after{z-index:1;background:linear-gradient(180deg,rgba(11,34,29,.2),transparent 38%,rgba(9,28,24,.72))}
.home-topbar{top:calc(8px + env(safe-area-inset-top));left:12px;right:12px;padding:7px 8px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(18,47,41,.48);box-shadow:0 8px 30px rgba(7,25,21,.18);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25)}
.profile-chip .avatar{width:32px;height:32px;border:1px solid rgba(255,229,174,.75);box-shadow:none}.profile-chip b{font-size:12px}.profile-chip small{font-size:8px}
.currency{height:30px;min-width:58px;border-radius:5px;background:rgba(10,34,29,.42)}
.home-topbar .icon-btn{width:30px;height:30px;border-radius:5px;background:rgba(10,34,29,.42);font-size:16px}
.home-title{z-index:2;left:21px;bottom:22px}.home-title span{font-size:9px;color:#efc975}.home-title h1{font-size:35px;font-weight:600;line-height:1.08;color:#fffaf0;text-shadow:0 4px 18px rgba(0,0,0,.28)}.home-title p{font-size:10px;color:rgba(255,250,240,.76)}
.notice-strip{height:34px;background:#173f38;border:0;padding:0 18px}.notice-icon{width:auto;height:auto;background:none;color:#e5bd66;font-size:10px}.notice-strip p{font-size:10px;color:rgba(255,248,229,.82)}
.daily-ribbon{height:59px;background:#fbfbf8;border:0;box-shadow:0 8px 28px rgba(22,50,43,.07)}.daily-ribbon small{font-size:8px;color:#7f8c87}.daily-ribbon b{font-size:12px;color:#204b42}.daily-ribbon>i{height:23px;background:#e3e4de}
.level-band{padding:19px 17px 96px}.section-heading{align-items:center;margin-bottom:13px}.section-heading small{font:9px system-ui,sans-serif;color:#b54835}.section-heading h2{font-size:22px;font-weight:600;color:#193a33}.section-heading .text-btn{color:#506b64}
.level-list{gap:12px}.level-card{--pointer-x:0;--pointer-y:0;min-height:96px;border:1px solid rgba(28,66,57,.09);border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,247,241,.96));box-shadow:0 11px 30px rgba(17,50,42,.08);transform:perspective(700px) rotateX(calc(var(--pointer-y)*-1.2deg)) rotateY(calc(var(--pointer-x)*1.2deg));transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}.level-card:hover{box-shadow:0 16px 38px rgba(17,50,42,.13)}.level-card:active{transform:perspective(700px) scale(.985)}
.level-card:before{background:radial-gradient(circle at calc((var(--pointer-x) + .5)*100%) calc((var(--pointer-y) + .5)*100%),rgba(207,171,95,.15),transparent 36%);opacity:.8}
.level-card.challenge{background:linear-gradient(135deg,#1d4941,#123831);border-color:rgba(230,202,143,.19);box-shadow:0 14px 34px rgba(15,54,46,.2)}
.level-card.challenge:before{background:radial-gradient(circle at 76% 15%,rgba(229,190,106,.2),transparent 34%),linear-gradient(100deg,transparent,rgba(255,255,255,.035))}
.level-number b{font-size:18px;font-weight:600}.level-number small{font-size:9px;letter-spacing:0}.level-action{border-radius:4px;font:9px system-ui,sans-serif;padding:6px 9px;backdrop-filter:blur(6px)}
.campaign-entry{background:linear-gradient(135deg,#edf0e9,#f9f8f3)}
.level-card.attempted{border-color:rgba(181,72,53,.42);box-shadow:inset 3px 0 #b54835,0 12px 30px rgba(74,48,39,.1)}.level-card.completed{border-color:rgba(35,106,89,.36);box-shadow:inset 3px 0 #2c7564,0 12px 32px rgba(26,86,70,.11)}
.bottom-nav{left:10px;right:10px;bottom:8px;height:61px;padding-bottom:env(safe-area-inset-bottom);border:1px solid rgba(28,63,54,.1);border-radius:7px;background:rgba(252,252,248,.91);box-shadow:0 12px 34px rgba(15,45,37,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bottom-nav button{font-size:9px}.bottom-nav button span{font-size:17px}.bottom-nav button.active{color:#a94434}
.game-screen:before{background:linear-gradient(180deg,#173f38 0 19%,#d7c9a6 19% 20%,#e9e6dc 20% 100%)}
.game-header{height:76px}.game-header .icon-btn{border-radius:5px}.street-sky{opacity:.1;filter:grayscale(.25)}
.board{width:min(98%,540px);background:radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.72),transparent 61%)}
.tile-card{border:1px solid rgba(56,88,77,.28);border-radius:6px;background:linear-gradient(145deg,#fffefa,#eeeadf);box-shadow:0 3px 0 #b5a98e,0 9px 18px rgba(22,54,45,.17)}.tile.selectable:hover .tile-card{filter:brightness(1.035);box-shadow:0 4px 0 #b5a98e,0 13px 23px rgba(22,54,45,.22)}.tile.selectable:active{transform:translateY(2px) scale(.95)}
.tray{height:60px;border:2px solid rgba(223,192,126,.55);border-radius:7px;background:linear-gradient(145deg,#183d36,#0e2c27);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 10px 28px rgba(14,43,36,.22)}.tray-label{color:#274b43}.tray-slot{border-radius:4px;background:rgba(234,226,207,.8);box-shadow:inset 0 2px 5px rgba(11,35,29,.16)}.tray-slot.filled{background:#fffdf6}
.power-icon{border-color:rgba(31,78,67,.26);background:#fcfbf6;color:#245c4f;box-shadow:0 5px 14px rgba(18,57,47,.1)}.powerups button:active .power-icon{transform:translateY(1px);box-shadow:0 2px 8px rgba(18,57,47,.12)}
.modal{background:#f8f8f3;border-radius:8px 8px 0 0;box-shadow:0 -22px 70px rgba(8,35,29,.32)}.modal-root.open{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.primary-btn{border-radius:5px;background:#a94434;box-shadow:0 6px 18px rgba(144,53,39,.22)}.secondary-btn{border-radius:5px;background:#fff;border-color:#d4d7cf}.result-quote{border-radius:4px;background:#eeede6}.result-stamp{border-color:#a94434;color:#a94434}
.gate-screen{background:#173f38}.wood-panel{background:#f6f6f1;border-radius:8px 8px 0 0}.gate-panel .primary-btn{box-shadow:0 8px 22px rgba(145,54,41,.2)}
@media (max-height:700px){.home-hero{height:30%;min-height:190px}.level-band{padding-top:12px}.level-card{min-height:82px}.bottom-nav{height:57px}}
@media (prefers-reduced-motion:reduce){.home-hero>img,.level-card{transform:none!important}}

/* Refined visual system: quiet lacquer, rice paper and hand-painted objects. */
:root{--ink:#253632;--paper:#f3ead5;--paper2:#ddc38f;--red:#a54432;--red2:#c45e42;--green:#294e48;--gold:#d9ae5e;--wood:#634637;--cream:#fbf6e9;--shadow:0 8px 24px rgba(31,45,40,.14);font-family:"LXGW WenKai","FZKai-Z03","Kaiti SC",serif;background:#172f2d}
.app-shell{background:#eee3cb}
.home-screen{background:#eee5d2}
.home-hero{height:34%;min-height:215px}
.home-hero:after{background:linear-gradient(180deg,rgba(18,41,39,.08) 25%,rgba(18,37,35,.82) 100%)}
.home-topbar{padding-left:17px;padding-right:17px;background:linear-gradient(180deg,rgba(18,39,37,.78),transparent)}
.profile-chip .avatar{background:#a84a36;border-color:#e4c174;box-shadow:0 0 0 2px rgba(36,61,56,.5)}
.currency{background:rgba(22,48,44,.76);border:1px solid rgba(236,214,165,.3)}
.home-title{left:20px;bottom:19px}.home-title span{font:10px system-ui,sans-serif;border:0;border-left:2px solid #d9ad5d;padding:0 0 0 7px}.home-title h1{font-size:34px;font-weight:700;margin:7px 0 4px}.home-title p{opacity:.84}
.notice-strip{height:36px;padding:0 17px;background:#294e48;border-top:1px solid rgba(255,255,255,.12)}
.notice-icon{background:#d6af64;border-radius:2px;width:20px;height:20px}
.daily-ribbon{height:57px;display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center;padding:8px 16px;background:#f8f0de;border-bottom:1px solid #d8c8a5;box-shadow:0 5px 18px rgba(48,57,47,.07)}
.daily-ribbon>span,.daily-ribbon>button{text-align:center;border:0;background:none;padding:0}.daily-ribbon small,.daily-ribbon b{display:block}.daily-ribbon small{font:9px system-ui,sans-serif;color:#867561}.daily-ribbon b{font-size:13px;margin-top:3px;color:#304c46}.daily-ribbon>i{height:28px;background:#d9caab}
.level-band{padding:15px 17px 94px}.section-heading{margin-bottom:12px}.section-heading small{font:10px system-ui,sans-serif;color:#a44935}.section-heading h2{font-size:21px}.text-btn{font-size:11px}
.level-list{gap:11px}.level-card{min-height:94px;border:1px solid #d3c19e;border-radius:6px;background:#faf4e7;box-shadow:0 5px 15px rgba(44,55,47,.08);padding:13px 14px}.level-card:before{background:linear-gradient(90deg,transparent 0 72%,rgba(156,122,72,.06))}.level-card.challenge{background:#31544d;border-color:#25443f;color:#f7ecd4;box-shadow:0 7px 20px rgba(33,57,52,.2)}
.level-number small{font:10px system-ui,sans-serif}.level-number b{font-size:17px}.level-art{margin-left:3px}.sample-tile{width:38px!important;height:38px!important;border:1px solid #8c6d51!important;border-radius:4px!important;background:#f2dfb7!important;box-shadow:0 3px 0 #b99a6e!important;color:#964936;font-size:15px;font-weight:800}.level-art span+span{margin-left:-7px;margin-top:11px}.level-art i{right:-37px;top:-8px;background:#4c7161;border-radius:2px;padding:3px 6px}
.challenge-stack{position:relative;width:58px;height:54px;margin-left:4px}.challenge-stack i{position:absolute;width:35px;height:35px;border:1px solid #c9a970;border-radius:3px;background:#e8cf9c;box-shadow:0 3px 0 #1e3935}.challenge-stack i:nth-child(1){left:2px;top:14px;transform:rotate(-8deg)}.challenge-stack i:nth-child(2){left:19px;top:12px;transform:rotate(9deg)}.challenge-stack i:nth-child(3){left:12px;top:0}.challenge-stack i:nth-child(3):after{content:"";position:absolute;inset:8px;border:2px solid #a74b37;border-radius:50%}
.difficulty strong{font-size:22px;color:#e5bd69}.level-action{border-radius:3px;font:10px system-ui,sans-serif;padding:5px 8px}
.bottom-nav{height:68px;background:rgba(251,247,236,.97);border-color:#d7c49e}.bottom-nav button{font-family:system-ui,sans-serif}.bottom-nav button span{font-family:serif;font-size:18px}
.gate-screen{background:#1e3b38}.gate-scene{height:61%}.gate-scene:after{background:linear-gradient(180deg,rgba(21,44,41,.04) 32%,rgba(23,43,39,.8))}.brand-lockup{bottom:35px}.brand-lockup h1{font-size:43px;font-weight:700}.brand-lockup p{font-family:system-ui,sans-serif;font-size:12px;opacity:.84}.brand-seal{border:0!important;border-left:2px solid #e4b65d!important;border-radius:0!important;font:9px system-ui,sans-serif}
.wood-panel{margin-top:-18px;background:#f1e7d2;border-radius:10px 10px 0 0;padding-left:27px;padding-right:27px;box-shadow:0 -10px 35px rgba(17,39,36,.28)}.age-badge{border-width:1px;font-family:Georgia,serif}.primary-btn{border-radius:4px;background:#a64935;box-shadow:0 3px 0 #75372b;font-family:system-ui,sans-serif}.gate-panel>small,.consent{color:#72675b}
.game-screen{background:#d7c8a8}.game-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#2a514b 0 19%,#9b9a74 19% 21%,#ded1b5 21% 100%)}
.game-header{height:74px;padding-left:14px;padding-right:14px;gap:9px}.level-meta{color:#faf0da;text-shadow:none}.level-meta small{font:9px system-ui,sans-serif;opacity:.72}.level-meta strong{font-size:15px}.progress-wrap{font-size:9px}.progress-wrap>div{height:5px;border:0;background:rgba(13,37,34,.5)}.progress-wrap i{background:#dcb35f}
.icon-btn.light{width:32px;height:32px;background:rgba(247,238,217,.94);color:#36544d;box-shadow:none;border:1px solid rgba(34,65,59,.16)}
.street-sky{top:74px;height:78px;opacity:.13;filter:grayscale(.4);background-position:center 31%}.street-sky:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#d8ccb0)}
.board{height:calc(100dvh - 310px);min-height:292px;margin-top:1px;background:radial-gradient(circle at 50% 47%,rgba(255,249,224,.5),transparent 55%)}
.tile{width:58px;height:58px}.tile-card{inset:2px;border:1px solid #90775c;border-radius:5px;background:#f8efd9;box-shadow:0 3px 0 #a58c69,0 6px 12px rgba(41,54,47,.2)}.tile-card:before{inset:3px;border:1px solid rgba(141,107,71,.16);border-radius:3px}.tile-icon{width:40px;height:40px;display:grid;place-items:center;filter:none}.tile-icon svg,.tray-slot svg,.temp-item svg,.collection-icon svg{width:100%;height:100%;overflow:visible;fill:none;stroke:#395650;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.tile-icon svg .fill-a,.tray-slot svg .fill-a,.temp-item svg .fill-a,.collection-icon svg .fill-a{fill:#ecd18d}.tile-icon svg .fill-b,.tray-slot svg .fill-b,.temp-item svg .fill-b,.collection-icon svg .fill-b{fill:#c6744f}.tile-icon svg .accent,.tray-slot svg .accent,.temp-item svg .accent,.collection-icon svg .accent{fill:#a84936;stroke:#a84936}.tile-name{bottom:2px;font-size:6px;color:#725f4e}.tile.blocked{filter:brightness(.66) saturate(.48)}.tile.blocked:after{inset:3px;background:rgba(39,62,57,.13);border-radius:5px}.tile.hint .tile-card,.tile.guide .tile-card{animation:hintPulse .72s 3;box-shadow:0 0 0 3px #e0af45,0 4px 0 #806a51,0 10px 19px rgba(46,61,52,.24)}
.cover{z-index:80;width:101px;height:20px;border:1px solid #473a30;border-radius:2px;background:repeating-linear-gradient(90deg,#795945 0 12px,#664736 13px 15px);box-shadow:0 4px 8px rgba(34,42,36,.28);font-size:8px}
.coachmark{position:absolute;z-index:8;left:50%;top:135px;width:max-content;max-width:78%;transform:translate(-50%,-8px);opacity:0;pointer-events:none;background:rgba(35,67,61,.94);color:#f5ead2;padding:7px 11px;border-radius:3px;box-shadow:0 6px 16px rgba(31,49,44,.22);transition:.2s}.coachmark.show{opacity:1;transform:translate(-50%,0)}.coachmark span{display:block;color:#e2b961;font:8px system-ui,sans-serif}.coachmark p{margin:2px 0 0;font:11px system-ui,sans-serif}
.temp-shelf{height:36px;background:#5f4b3c;border:1px solid #493a30;border-radius:3px}.temp-item{width:29px;height:27px;padding:2px;background:#f4ead3;border-radius:2px}.tray-area{margin:3px 13px 0}.tray-label{padding:0 4px 4px}.tray-label span{font-size:12px}.tray{height:58px;padding:5px;border:3px solid #604638;border-radius:4px;background:#3a3530;box-shadow:inset 0 0 0 1px #987554,0 5px 12px rgba(40,47,40,.18)}.tray-slot{border-radius:2px;background:#d7c7a8;box-shadow:inset 0 2px 4px rgba(48,53,45,.18);padding:4px}.tray-slot.filled{background:#f5ead3}.tray-slot svg{width:36px;height:36px}.powerups{height:74px;padding:8px 15px calc(6px + env(safe-area-inset-bottom));gap:10px}.powerups button{font-family:system-ui,sans-serif}.power-icon{width:38px;height:38px;border:1px solid #7a654f;background:#f3e8cf;box-shadow:0 3px 0 #b59c72;color:#34554e;font-size:19px}.powerups b{font-size:9px;font-weight:500}.powerups i{right:10px;top:-1px;background:#a44835;border:2px solid #dfcba5}
.modal-root.open{background:rgba(20,37,34,.66)}.modal{background:#f2e9d6;border-radius:9px 9px 0 0;padding:19px 20px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -12px 40px rgba(15,33,30,.3)}.modal-handle{background:#b6a88c}.modal h2{font-size:21px}.close-btn{background:#e2d3b6;color:#39554d}.modal-copy{color:#59665e}.secondary-btn{border-color:#a99370;background:#f8f1e2;border-radius:4px;font-family:system-ui,sans-serif}.result-quote{background:#e4d4b2;border-left-color:#a74b37}.result-stamp{border-width:3px}.rank-item{background:#f8f0de;border-radius:3px}.rank-item.me{background:#dbe3d2}.rank-item.locked{opacity:.48}.collection-icon{width:40px;height:40px;display:grid;place-items:center;padding:3px}.daily-ribbon button b{color:#9e4936}
@media (max-height:700px){.home-hero{height:29%;min-height:180px}.daily-ribbon{height:51px}.level-band{padding-top:10px}.level-card{min-height:80px}.board{height:calc(100dvh - 294px);min-height:248px}.coachmark{top:116px}.powerups{height:68px}}
.campaign-entry{min-height:74px;background:#ece3d0}.chapter-dots{display:flex;gap:4px;margin-left:8px}.chapter-dots i{width:12px;height:12px;border:1px solid #6f7565;transform:rotate(45deg);background:#d7b365}.chapter-dots i:nth-child(2){background:#9a6350}.chapter-dots i:nth-child(3){background:#56766c}.chapter-dots i:nth-child(4){background:#394f4b}.chapter-dots i:nth-child(5){background:#a94d39}.campaign-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.campaign-level{aspect-ratio:1;border:1px solid #bca886;background:#faf2df;border-radius:3px;display:grid;place-items:center;padding:4px}.campaign-level b{font:18px Georgia,serif;color:#34574f}.campaign-level small{font:7px system-ui,sans-serif;color:#8b7762}.campaign-level:nth-child(n+19){background:#36574f}.campaign-level:nth-child(n+19) b,.campaign-level:nth-child(n+19) small{color:#f3e4c4}.campaign-chapter{margin:16px 0 0;font-size:12px;color:#9f4936;border-bottom:1px solid #d7c4a0;padding-bottom:5px}
.tray-slot svg{width:100%;max-width:36px}
.assist-input{display:grid;gap:6px;margin-top:14px;font:11px system-ui,sans-serif}.assist-input input{border:1px solid #bba77f;background:#fff7e4;padding:10px;text-transform:uppercase;letter-spacing:3px;text-align:center}
.campaign-level.completed{border-color:#4d776c;box-shadow:inset 0 0 0 2px #b9d0c2}.campaign-level.completed small{color:#34705e}
.level-card.attempted,.campaign-level.attempted{border-color:#c67a46;box-shadow:inset 3px 0 0 #c67a46,0 8px 22px rgba(83,63,45,.1)}.level-card.completed{border-color:#3c7568;box-shadow:inset 3px 0 0 #3c7568,0 8px 24px rgba(37,86,74,.13)}.level-card.completed .level-action{background:#3c7568;color:#fff;border-color:#3c7568}.campaign-level.attempted small{color:#a75535}.campaign-level.completed:after{content:"✓";position:absolute;right:4px;top:2px;color:#31705f;font-size:9px}.campaign-level{position:relative}
.volume-row{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px;font:12px system-ui,sans-serif;color:#665044}.volume-row input{width:100%;accent-color:#47705c}
.gate-panel>.secondary-btn{grid-column:1/-1}.gate-panel>.secondary-btn:disabled{filter:grayscale(1);opacity:.48}

/* Final premium cascade. Kept last so legacy theme rules cannot dilute it. */
:root{--ink:#172a26;--paper:#f4f4ef;--red:#b54835;--green:#173f38;--gold:#c9a65d;--cream:#fcfbf7;--shadow:0 18px 44px rgba(18,45,39,.12)}
body{background:#102c27}.app-shell{background:#f3f3ee;box-shadow:0 0 80px rgba(3,22,18,.42)}button{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,filter .22s ease}button:active{transform:scale(.975)}
.home-screen{background:#f3f3ee}.home-hero{height:36%;min-height:236px;overflow:hidden;isolation:isolate;background:#173f38}.home-hero>img{transform:scale(1.045) translate3d(calc(var(--pointer-x,0)*-8px),calc(var(--pointer-y,0)*-6px),0);transition:transform .65s cubic-bezier(.2,.8,.2,1);filter:saturate(.84) contrast(1.04)}.home-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(110deg,rgba(12,42,35,.16),transparent 52%),linear-gradient(0deg,rgba(12,32,28,.82),transparent 58%)}.home-hero:after{z-index:1;background:linear-gradient(180deg,rgba(11,34,29,.2),transparent 38%,rgba(9,28,24,.72))}
.home-topbar{top:calc(8px + env(safe-area-inset-top));left:12px;right:12px;padding:7px 8px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(18,47,41,.48);box-shadow:0 8px 30px rgba(7,25,21,.18);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25)}.profile-chip .avatar{width:32px;height:32px;border:1px solid rgba(255,229,174,.75);box-shadow:none}.profile-chip b{font-size:12px}.profile-chip small{font-size:8px}.currency{height:30px;min-width:58px;border-radius:5px;background:rgba(10,34,29,.42)}.home-topbar .icon-btn{width:30px;height:30px;border-radius:5px;background:rgba(10,34,29,.42);font-size:16px}
.home-title{z-index:2;left:21px;bottom:22px}.home-title span{font-size:9px;color:#efc975}.home-title h1{font-size:35px;font-weight:600;line-height:1.08;color:#fffaf0;text-shadow:0 4px 18px rgba(0,0,0,.28)}.home-title p{font-size:10px;color:rgba(255,250,240,.76)}.notice-strip{height:34px;background:#173f38;border:0;padding:0 18px}.notice-icon{width:auto;height:auto;background:none;color:#e5bd66;font-size:10px}.notice-strip p{font-size:10px;color:rgba(255,248,229,.82)}
.daily-ribbon{height:59px;background:#fbfbf8;border:0;box-shadow:0 8px 28px rgba(22,50,43,.07)}.daily-ribbon small{font-size:8px;color:#7f8c87}.daily-ribbon b,.daily-ribbon button b{font-size:12px;color:#204b42}.daily-ribbon>i{height:23px;background:#e3e4de}.level-band{padding:19px 17px 96px}.section-heading{align-items:center;margin-bottom:13px}.section-heading small{font-size:9px;color:#b54835}.section-heading h2{font-size:22px;font-weight:600;color:#193a33}.section-heading .text-btn{color:#506b64}
.level-list{gap:12px}.level-card{--pointer-x:0;--pointer-y:0;min-height:96px;border:1px solid rgba(28,66,57,.09);border-radius:7px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,247,241,.96));box-shadow:0 11px 30px rgba(17,50,42,.08);transform:perspective(700px) rotateX(calc(var(--pointer-y)*-1.2deg)) rotateY(calc(var(--pointer-x)*1.2deg));transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease}.level-card:hover{box-shadow:0 16px 38px rgba(17,50,42,.13)}.level-card:active{transform:perspective(700px) scale(.985)}.level-card:before{background:radial-gradient(circle at calc((var(--pointer-x) + .5)*100%) calc((var(--pointer-y) + .5)*100%),rgba(207,171,95,.15),transparent 36%)}
.level-card.challenge{background:linear-gradient(135deg,#1d4941,#123831);border-color:rgba(230,202,143,.19);box-shadow:0 14px 34px rgba(15,54,46,.2)}.level-card.challenge:before{background:radial-gradient(circle at 76% 15%,rgba(229,190,106,.2),transparent 34%)}.campaign-entry{background:linear-gradient(135deg,#edf0e9,#f9f8f3)}.level-number b{font-size:18px;font-weight:600}.level-number small{font-size:9px}.level-action{border-radius:4px;font-size:9px;padding:6px 9px}.level-card.attempted{border-color:rgba(181,72,53,.42);box-shadow:inset 3px 0 #b54835,0 12px 30px rgba(74,48,39,.1)}.level-card.completed{border-color:rgba(35,106,89,.36);box-shadow:inset 3px 0 #2c7564,0 12px 32px rgba(26,86,70,.11)}
.bottom-nav{left:10px;right:10px;bottom:8px;height:61px;padding-bottom:env(safe-area-inset-bottom);border:1px solid rgba(28,63,54,.1);border-radius:7px;background:rgba(252,252,248,.91);box-shadow:0 12px 34px rgba(15,45,37,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.bottom-nav button{font-size:9px}.bottom-nav button span{font-size:17px}.bottom-nav button.active{color:#a94434}
.game-screen:before{background:linear-gradient(180deg,#173f38 0 19%,#d7c9a6 19% 20%,#e9e6dc 20% 100%)}.game-header{height:76px}.game-header .icon-btn{border-radius:5px}.board{width:min(98%,540px);background:radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.72),transparent 61%)}.tile-card{border:1px solid rgba(56,88,77,.28);border-radius:6px;background:linear-gradient(145deg,#fffefa,#eeeadf);box-shadow:0 3px 0 #b5a98e,0 9px 18px rgba(22,54,45,.17)}.tile.selectable:hover .tile-card{filter:brightness(1.035);box-shadow:0 4px 0 #b5a98e,0 13px 23px rgba(22,54,45,.22)}
.tray{height:60px;border:2px solid rgba(223,192,126,.55);border-radius:7px;background:linear-gradient(145deg,#183d36,#0e2c27);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 10px 28px rgba(14,43,36,.22)}.tray-label{color:#274b43}.tray-slot{border-radius:4px;background:rgba(234,226,207,.8)}.tray-slot.filled{background:#fffdf6}.power-icon{border-color:rgba(31,78,67,.26);background:#fcfbf6;color:#245c4f;box-shadow:0 5px 14px rgba(18,57,47,.1)}
.modal{background:#f8f8f3;border-radius:8px 8px 0 0;box-shadow:0 -22px 70px rgba(8,35,29,.32)}.modal-root.open{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.primary-btn{border-radius:5px;background:#a94434;box-shadow:0 6px 18px rgba(144,53,39,.22)}.secondary-btn{border-radius:5px;background:#fff;border-color:#d4d7cf}.result-quote{border-radius:4px;background:#eeede6}.gate-screen{background:#173f38}.wood-panel{background:#f6f6f1;border-radius:8px 8px 0 0}
@media (max-height:700px){.home-hero{height:30%;min-height:190px}.level-band{padding-top:12px}.level-card{min-height:82px}.bottom-nav{height:57px}}
@media (prefers-reduced-motion:reduce){.home-hero>img,.level-card{transform:none!important}}