*{margin:0;padding:0;box-sizing:border-box}:root{--font: "Comic Sans MS", "Segoe UI Rounded", "Chalkboard SE", "Comic Neue", sans-serif;--purple: #7c4dff;--purple-dark: #5e35b1;--green: #2bd97b;--green-dark: #14b85f;--orange: #ff9f43;--pink: #ff6f91;--yellow: #ffd93d;--sky1: #8ec5fc;--sky2: #e0c3fc;--ink: #3c2a63;--card: #ffffff;--radius: 24px}html,body{height:100%;font-family:var(--font);color:var(--ink);overflow:hidden}body{background:linear-gradient(160deg,var(--sky1) 0%,var(--sky2) 55%,#ffdee9 100%)}#app{height:100%;position:relative}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;padding:16px}.screen[hidden]{display:none}.screen-full{padding:0;overflow:hidden}.panel{background:var(--card);border-radius:32px;box-shadow:0 12px 40px #3c2a6340;padding:32px;max-width:640px;width:100%;margin:auto;text-align:center}.panel-lg{max-width:720px}.logo{font-size:44px;background:linear-gradient(90deg,var(--purple),var(--pink),var(--orange));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tagline{font-size:20px;margin-bottom:20px}h2{font-size:26px;margin:18px 0 8px}.hint{font-size:17px;opacity:.75;margin:6px 0}.center{text-align:center}.warning{color:#d63031;font-size:18px;background:#ffe8e8;border-radius:12px;padding:8px 14px;margin-top:8px}.screen-title{font-size:34px;margin:10px 0 4px;text-align:center}.btn{font-family:var(--font);font-size:22px;font-weight:700;color:#fff;border:none;border-radius:var(--radius);padding:16px 26px;min-height:64px;cursor:pointer;transition:transform .08s ease,filter .15s ease;box-shadow:0 6px #0000002e}.btn:active{transform:scale(.92);box-shadow:0 2px #0000002e}.btn:hover{filter:brightness(1.07)}.btn-primary{background:linear-gradient(180deg,var(--green),var(--green-dark));font-size:26px}.btn-xl{font-size:28px;min-height:76px;width:100%;margin-top:24px}.btn-secondary{background:linear-gradient(180deg,var(--purple),var(--purple-dark))}.btn-ghost{background:#ffffffbf;color:var(--ink);box-shadow:0 4px #0000001a}.btn-round{border-radius:50%;width:64px;min-height:64px;padding:0;font-size:28px;background:linear-gradient(180deg,var(--yellow),var(--orange))}.btn-back{background:#ffffffd9;color:var(--ink);font-size:20px;min-height:56px;box-shadow:0 4px #0000001a}.btn-danger{background:linear-gradient(180deg,#ff7675,#d63031)}.topbar{width:100%;max-width:900px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 2px 12px}.who{font-size:24px;font-weight:700;background:#ffffffb3;padding:10px 18px;border-radius:20px}.wallet{font-size:26px;font-weight:700;background:linear-gradient(180deg,#fff6d5,#ffe89a);border:3px solid #ffd93d;padding:8px 20px;border-radius:20px;transition:transform .2s ease}.wallet.bump{transform:scale(1.25) rotate(-3deg)}.mode-wrap{width:100%;max-width:900px;margin:auto;text-align:center}.mode-title{font-size:38px;margin-bottom:20px}.mode-cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.mode-card{font-family:var(--font);flex:1 1 300px;max-width:400px;min-height:240px;border:none;border-radius:32px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;box-shadow:0 10px #0000002e;transition:transform .12s ease}.mode-card:hover{transform:translateY(-4px) rotate(-.5deg)}.mode-card:active{transform:scale(.94)}.mode-game{background:linear-gradient(160deg,#43e97b,#16a085)}.mode-real{background:linear-gradient(160deg,#a18cd1,#f7797d)}.mode-emoji{font-size:72px;line-height:1}.mode-name{font-size:32px;font-weight:700}.mode-desc{font-size:19px;opacity:.95;padding:0 18px}.home-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:24px}.safety-footer{margin-top:auto;padding-top:18px;font-size:15px;opacity:.7;text-align:center}.name-row{display:flex;gap:12px;justify-content:center;align-items:center}#name-input,.big-input{font-family:var(--font);font-size:26px;font-weight:700;text-align:center;border:4px solid var(--purple);border-radius:18px;padding:12px 16px;width:320px;max-width:70%;color:var(--ink);outline:none}#name-input:focus{border-color:var(--pink)}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.avatar-card{font-family:var(--font);border:4px solid transparent;border-radius:20px;background:#f3edff;padding:12px 6px;font-size:18px;font-weight:700;color:var(--ink);cursor:pointer;transition:transform .1s ease}.avatar-card .a-emoji{display:block;font-size:44px}.avatar-card:hover{transform:translateY(-3px)}.avatar-card.selected{border-color:var(--green);background:#e2ffe9;animation:wiggle .4s ease}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg) scale(1.05)}75%{transform:rotate(3deg) scale(1.05)}}.color-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px 0}.color-swatch{width:48px;height:48px;border-radius:50%;border:4px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .1s ease}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:var(--ink);transform:scale(1.2)}.avatar-preview{width:220px;height:220px;margin:8px auto 0;border-radius:24px;background:radial-gradient(circle at 50% 30%,#fdfbff,#e4d9ff);overflow:hidden}.avatar-preview canvas{width:100%!important;height:100%!important;display:block}.world-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:1000px;padding:20px 0 40px}.world-card{font-family:var(--font);border:none;border-radius:28px;width:280px;min-height:220px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 10px #0003;transition:transform .12s ease}.world-card:hover{transform:translateY(-5px) scale(1.02)}.world-card:active{transform:scale(.95)}.world-card .w-emoji{font-size:64px}.world-card .w-name{font-size:27px;font-weight:700}.world-card .w-twist{font-size:17px;opacity:.95;padding:0 14px}.world-card .w-best{font-size:16px;background:#00000040;border-radius:12px;padding:4px 12px;margin-top:6px}#game-canvas-wrap,#builder-canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}#game-canvas-wrap canvas,#builder-canvas-wrap canvas{display:block}.hud{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:12px;align-items:center;pointer-events:none}.hud-item{font-size:28px;font-weight:700;background:#ffffffe0;border-radius:18px;padding:8px 18px;color:var(--ink)}.hud-tokens{border:3px solid var(--yellow);transition:transform .15s ease}.hud-tokens.bump{transform:scale(1.2)}.hud-combo{border:3px solid var(--orange);color:#e17055}.hud-time{margin-left:auto;border:3px solid var(--purple)}.hud-time.hurry{color:#d63031;animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.hud-quit{pointer-events:auto;font-size:20px;min-height:52px;padding:8px 16px}.hud-message{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:44px;font-weight:700;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.45);pointer-events:none;text-align:center}.job-card{position:absolute;left:18px;top:88px;z-index:12;display:flex;align-items:center;gap:12px;max-width:min(360px,calc(100vw - 36px));padding:12px 16px;color:#173329;background:#f8fff7f0;border:3px solid #4cb978;border-radius:16px;box-shadow:0 8px 24px #0e2a1e3d;pointer-events:none}.job-card[hidden]{display:none}.job-icon{font-size:31px}.job-card b,.job-card small{display:block}.job-card small{margin-top:2px;font-size:14px}.touch-controls[hidden]{display:none}.touch-controls{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:space-between;padding:0 22px;pointer-events:none}.touch-controls button{pointer-events:auto;font-size:34px;width:76px;height:76px;border-radius:50%;border:none;background:#ffffff8c;touch-action:none}.touch-pad{display:flex;gap:10px}.results-big{font-size:72px;font-weight:700;color:#f39c12;text-shadow:0 3px 0 #ffe9b0;margin:10px 0}#results-detail{font-size:20px}.reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;width:100%;max-width:1000px;padding:18px 0}.reward-card{background:var(--card);border-radius:24px;padding:18px;text-align:center;box-shadow:0 8px 24px #3c2a632e;display:flex;flex-direction:column;gap:8px}.reward-card .r-emoji{font-size:52px}.reward-card .r-title{font-size:22px;font-weight:700}.reward-card .r-cost{font-size:20px;color:#b8860b;font-weight:700}.progress-track{height:18px;border-radius:9px;background:#eee4ff;overflow:hidden}.progress-fill{height:100%;border-radius:9px;background:linear-gradient(90deg,var(--yellow),var(--orange));transition:width .6s ease}.r-remaining{font-size:15px;opacity:.75}.reward-card .btn{min-height:54px;font-size:19px;padding:10px 16px}.reward-card .btn:disabled{opacity:.45;cursor:default;filter:grayscale(.6)}#pending-tickets{width:100%;max-width:1000px;padding-bottom:40px}.ticket{display:flex;align-items:center;gap:14px;background:repeating-linear-gradient(135deg,#fffbe8,#fffbe8 14px,#fff3c2 14px,#fff3c2 28px);border:3px dashed #e0b93c;border-radius:18px;padding:14px 18px;margin:10px 0;font-size:20px}.ticket.approved{border-color:var(--green);background:repeating-linear-gradient(135deg,#eafff1,#eafff1 14px,#d4ffe4 14px,#d4ffe4 28px)}.ticket .t-emoji{font-size:40px}.ticket .t-status{margin-left:auto;font-size:16px;font-weight:700}#parent-panel{width:100%;max-width:760px;padding-bottom:60px}.parent-section{background:var(--card);border-radius:24px;padding:22px;margin:14px 0;box-shadow:0 8px 24px #3c2a6326}.parent-section h2{margin-top:0}.setting-row{font-size:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.setting-row select,.add-reward-row input{font-family:var(--font);font-size:18px;padding:10px 14px;border-radius:14px;border:3px solid var(--purple);color:var(--ink)}.add-reward-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.add-reward-row input[type=text]{flex:1 1 220px}.add-reward-row input[type=number]{width:120px}.safety-list{list-style:none;font-size:18px;display:flex;flex-direction:column;gap:10px}.approval-row,.parent-reward-row{display:flex;align-items:center;gap:12px;font-size:19px;padding:10px 0;border-bottom:2px dashed #eee;flex-wrap:wrap}.approval-row .btn,.parent-reward-row .btn{min-height:48px;font-size:17px;padding:8px 16px}.spacer{flex:1}.stat-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.stat-chip{background:#f3edff;border-radius:14px;padding:8px 14px;font-size:17px;font-weight:700}.hold-btn{position:relative;width:130px;height:130px;border-radius:50%;border:none;margin:18px auto;font-family:var(--font);font-size:17px;font-weight:700;color:#fff;background:conic-gradient(var(--green) calc(var(--p, 0) * 1%),var(--purple) 0);cursor:pointer;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.hold-btn .hold-inner{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:var(--purple-dark);display:flex;align-items:center;justify-content:center;padding:8px;pointer-events:none}.pinpad{display:grid;grid-template-columns:repeat(3,76px);gap:10px;justify-content:center;margin:14px auto}.pinpad button{font-family:var(--font);font-size:26px;font-weight:700;width:76px;height:66px;border-radius:18px;border:none;background:#f3edff;color:var(--ink);cursor:pointer}.pinpad button:active{transform:scale(.9);background:#e2d6ff}.pin-dots{font-size:34px;letter-spacing:10px;min-height:46px}.builder-bar{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.builder-palette{display:flex;gap:8px;flex-wrap:wrap;background:#ffffffbf;border-radius:18px;padding:8px}.builder-swatch{width:44px;height:44px;border-radius:12px;border:3px solid rgba(0,0,0,.15);cursor:pointer;font-size:22px;line-height:1}.builder-swatch.selected{border-color:var(--ink);transform:scale(1.12)}.builder-hint{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:18px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none}.spark-card{position:absolute;top:84px;right:14px;background:#fffbe8;border:3px solid var(--yellow);border-radius:18px;padding:12px 16px;font-size:18px;max-width:240px;box-shadow:0 8px 20px #0003}.spark-card button{border:none;background:none;font-size:16px;cursor:pointer;float:right}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#3c2a638c;display:flex;align-items:center;justify-content:center;z-index:40;padding:16px}.overlay[hidden]{display:none}.overlay .panel{max-width:480px}.overlay h2{font-size:30px}.overlay .home-row{margin-top:20px}#confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:90}@media (max-width: 640px){.avatar-grid{grid-template-columns:repeat(2,1fr)}.mode-card{min-height:190px}.mode-emoji{font-size:56px}.logo{font-size:34px}.panel{padding:20px}}