:root{color:#24170c;background:#fff9e6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-decoration:none}.kid-page{min-height:100vh;padding:22px clamp(16px,4vw,48px) 42px;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(255,114,91,.18),transparent 28%),radial-gradient(circle at 88% 18%,rgba(48,178,159,.16),transparent 26%),linear-gradient(135deg,#fff7d0,#ffd765 46%,#fff1a6)}.kid-topbar,.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-lockup{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:800}.brand-icon,.login-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;color:#3a2208;background:#fff;box-shadow:0 10px 24px #713f002e}.admin-link,.ghost-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid rgba(36,23,12,.14);border-radius:10px;color:#2c2014;background:#ffffffbd;box-shadow:0 8px 18px #713f001a}.admin-link,.ghost-button{padding:0 16px;font-size:14px;font-weight:700}.icon-button{width:40px;padding:0}.icon-button.danger{color:#a53f35}.kid-stage{position:relative;display:grid;grid-template-columns:minmax(240px,.75fr) minmax(320px,1fr);align-items:center;gap:clamp(28px,5vw,76px);width:min(1180px,100%);min-height:calc(100vh - 260px);margin:34px auto 26px}.stage-copy h1{margin:0;max-width:9em;font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:0;overflow-wrap:anywhere}.stage-copy p{max-width:520px;margin:22px 0 0;color:#51381c;font-size:18px;overflow-wrap:anywhere}.ticket-zone{position:relative;display:grid;place-items:center}.scratch-card{position:relative;width:min(520px,100%);min-height:360px;aspect-ratio:1.32 / 1;border:2px solid rgba(91,54,10,.22);border-radius:8px;background:linear-gradient(90deg,transparent 0 16px,rgba(255,255,255,.36) 16px 18px,transparent 18px),linear-gradient(135deg,#ffec99,#ffc837 42%,#ffdf73);box-shadow:0 30px 70px #78420042;isolation:isolate}.ticket-perforation{position:absolute;top:0;bottom:0;width:18px;background-image:radial-gradient(circle,#fff7d0 0 7px,transparent 7.5px);background-size:18px 28px;background-position:center 8px;opacity:.95;z-index:2}.ticket-perforation-left{left:-9px}.ticket-perforation-right{right:-9px}.ticket-content{position:absolute;top:28px;right:28px;bottom:28px;left:28px;display:grid;place-items:center;align-content:center;gap:12px;border:1px dashed rgba(111,65,9,.36);border-radius:8px;background:#ffffff6b;text-align:center}.ticket-label{margin:0;color:#7a4a11;font-size:14px;font-weight:900}.reward-emblem{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 8px #ffd24880,0 14px 34px #7842002e}.reward-emblem span{font-size:56px}.reward-emblem img{width:78px;height:78px;object-fit:cover;border-radius:18px}.ticket-content h2{max-width:12em;margin:0;font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:0}.ticket-content p:last-child{margin:0;color:#66430f;font-size:15px}.scratch-cover{position:absolute;top:28px;right:28px;bottom:28px;left:28px;width:calc(100% - 56px);height:calc(100% - 56px);border-radius:8px;touch-action:none;z-index:3}.kid-actions{display:flex;flex-wrap:wrap;gap:12px;grid-column:2;justify-content:center}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:0;border-radius:10px;color:#fff;background:#d85342;box-shadow:0 12px 28px #d8534247;font-size:15px;font-weight:800}.large-button{min-width:176px;min-height:54px;font-size:17px}.full-button{width:100%}.inline-error,.inline-success,.empty-note{margin:10px 0 0;color:#8e332a;font-size:14px;font-weight:700}.inline-success{color:#24745f}.empty-note{color:#715a34}.recent-band{width:min(1180px,100%);margin:0 auto;padding:20px;border:1px solid rgba(71,41,6,.16);border-radius:8px;background:#ffffffad;box-shadow:0 16px 42px #713f001f}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-heading h2{margin:0;font-size:19px;letter-spacing:0}.recent-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.recent-item,.reward-row,.history-row,.stats-row{display:flex;align-items:center;gap:12px}.recent-item{min-height:68px;padding:12px;border-radius:8px;background:#fff}.recent-item>span,.history-row>span{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:10px;background:#fff1b9;font-size:23px}.recent-item strong,.history-row strong{display:block;color:#24170c;font-size:15px}.recent-item small,.history-row small,.reward-main small{display:block;color:#786b5b;font-size:12px}.celebration{pointer-events:none;position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;z-index:5}.celebration span{--angle: calc(var(--i) * 20deg);position:absolute;left:50%;top:50%;width:8px;height:18px;border-radius:999px;background:hsl(calc(var(--i) * 28),78%,56%);transform:rotate(var(--angle)) translateY(-190px);animation:burst .9s ease-out both}@keyframes burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(-40px) scale(.2)}to{opacity:1;transform:rotate(var(--angle)) translateY(-190px) scale(1)}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-page{min-height:100vh;padding:28px clamp(16px,4vw,48px) 44px;color:#1e1b16;background:#fff}.login-page{display:grid;place-items:center;background:linear-gradient(180deg,#ffd75c33,#ffffff14),#fff}.login-panel{width:min(420px,100%);padding:30px;border:1px solid #e8dfcf;border-radius:8px;background:#fff;box-shadow:0 24px 60px #402e1424}.login-panel h1,.admin-header h1{margin:10px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:0}.login-panel p,.admin-kicker{color:#71675b}.admin-kicker{margin:0;font-size:13px;font-weight:800}.field{display:grid;gap:7px;margin-top:14px}.field span{color:#665d53;font-size:13px;font-weight:800}.field input{width:100%;min-height:44px;border:1px solid #ded5c8;border-radius:8px;padding:0 12px;color:#1e1b16;background:#fff;outline:none}.field input:focus{border-color:#d85342;box-shadow:0 0 0 3px #d8534224}.form-error{margin:14px 0 0;color:#a53f35;font-size:14px;font-weight:700}.admin-header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}.metric,.admin-panel{border:1px solid #e8dfcf;border-radius:8px;background:#fff;box-shadow:0 12px 32px #402e1414}.metric{padding:18px}.metric span{display:block;color:#71675b;font-size:13px;font-weight:800}.metric strong{display:block;margin-top:7px;font-size:34px;line-height:1}.admin-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(420px,1.22fr);gap:18px;align-items:start}.admin-panel{padding:20px}.reward-editor{grid-row:span 2}.reward-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.toggle-row,.upload-row{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #e8dfcf;border-radius:8px;padding:0 12px;color:#554a3d;background:#fffdf8;font-weight:800}.toggle-row input{width:18px;height:18px;accent-color:#d85342}.upload-row{grid-column:1 / -1;position:relative;justify-content:center}.upload-row input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.form-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}.reward-table,.history-list,.stats-list{display:grid;gap:10px}.reward-row{min-height:70px;padding:10px;border:1px solid #eee5d8;border-radius:8px;background:#fffdf8}.reward-preview{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:10px;background:#fff0b7;font-size:25px}.reward-preview img{width:42px;height:42px;border-radius:9px;object-fit:cover}.reward-main{min-width:0;flex:1}.reward-main strong{display:block;overflow-wrap:anywhere}.status-dot{min-width:48px;border-radius:999px;padding:5px 9px;color:#8a4a42;background:#fae7e1;text-align:center;font-size:12px;font-weight:800}.status-dot.active{color:#1e705e;background:#ddf4ed}.history-row{min-height:56px;border-bottom:1px solid #eee5d8;padding-bottom:10px}.history-row:last-child{border-bottom:0;padding-bottom:0}.stats-row{justify-content:space-between;min-height:44px;border-radius:8px;padding:0 12px;background:#fff8dd}.stats-row span{overflow-wrap:anywhere}.loading-line{display:flex;align-items:center;gap:8px;color:#71675b;font-weight:700}@media(max-width:900px){.kid-stage{grid-template-columns:1fr;min-height:auto}.kid-actions{grid-column:auto}.stage-copy{text-align:center}.stage-copy h1,.stage-copy p{margin-left:auto;margin-right:auto}.admin-header,.kid-topbar{align-items:flex-start;flex-direction:column}.admin-header-actions{justify-content:flex-start}.admin-grid,.admin-metrics{grid-template-columns:1fr}}@media(max-width:560px){.kid-page,.admin-page{padding-left:14px;padding-right:14px}.scratch-card{width:calc(100% - 18px);min-height:310px}.stage-copy h1{max-width:8.5em;font-size:38px}.stage-copy p{max-width:20em;font-size:15px}.ticket-content,.scratch-cover{top:20px;right:20px;bottom:20px;left:20px;width:calc(100% - 40px);height:calc(100% - 40px)}.reward-form{grid-template-columns:1fr}.reward-row{display:grid;grid-template-columns:48px 1fr auto auto}.status-dot{grid-column:2 / 3;width:max-content}}