:root{--parchment: #f4e9d0;--parchment-dark: #e6d5b0;--ink: #3a2f1c;--pine: #2e5c3a;--pine-dark: #1f3f28;--gold: #c9a227;--gold-dark: #a68214;--steel: #5b6b7a;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at 50% 30%,#fbf3df,var(--parchment) 70%);color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none}.screen{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:max(env(safe-area-inset-top),20px) 20px max(env(safe-area-inset-bottom),20px);gap:18px}.screen--loading,.screen--select{justify-content:center;text-align:center}.screen--parchment{background:url(/art/bg-hub.jpg) center top / cover no-repeat,var(--parchment);position:relative}.screen--parchment:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#f4e9d09e;pointer-events:none}.screen--parchment>*{position:relative}.portrait{display:inline-block;position:relative}.portrait img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}.portrait__fallback{display:none;width:100%;height:100%;border-radius:50%;color:#fff;align-items:center;justify-content:center;font-weight:700;box-shadow:inset 0 -4px 8px #0003}.crest{text-align:center}.crest__seal{font-size:64px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}.crest__tree{height:130px;display:block;margin:0 auto;filter:drop-shadow(0 4px 8px rgba(201,162,39,.5));animation:everpine-glow 3.2s ease-in-out infinite}@keyframes everpine-glow{0%,to{filter:drop-shadow(0 4px 8px rgba(201,162,39,.45));transform:scale(1)}50%{filter:drop-shadow(0 4px 18px rgba(201,162,39,.85));transform:scale(1.025)}}.crest h1{margin:6px 0 0;font-size:44px;letter-spacing:2px;color:var(--pine-dark);text-shadow:0 1px 0 var(--gold)}.tagline{margin:2px 0 0;color:var(--gold-dark);font-style:italic}.prompt{color:var(--pine-dark);font-size:24px;text-align:center;margin:0}.profile-grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.profile-card{width:160px;min-height:200px;border:4px solid var(--pine);border-radius:20px;background:var(--parchment-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;padding:16px;box-shadow:0 6px #0000001f;transition:transform .08s}.profile-card:active{transform:translateY(3px);box-shadow:0 3px #0000001f}.profile-card__portrait{width:88px;height:88px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:700;box-shadow:inset 0 -4px 8px #0003}.profile-card__name{font-size:26px;font-weight:700;color:var(--ink)}.profile-card__rank{font-size:15px;color:var(--gold-dark)}.offline-note{color:var(--steel);font-size:14px}.screen--pin{justify-content:center}.back-btn{position:absolute;top:16px;left:16px;width:56px;height:56px;border-radius:50%;border:none;background:var(--parchment-dark);font-size:34px;line-height:1;color:var(--pine-dark);cursor:pointer}.pin-dots{display:flex;gap:16px}.pin-dot{width:22px;height:22px;border-radius:50%;border:3px solid var(--pine);background:transparent}.pin-dot--filled{background:var(--gold)}.pin-error{color:#b23b2e;font-weight:700;margin:0}.pin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:420px;width:100%}.pin-key{aspect-ratio:1;min-width:72px;min-height:72px;font-size:40px;border-radius:18px;border:3px solid var(--pine-dark);background:var(--parchment-dark);cursor:pointer;box-shadow:0 4px #0000001f}.pin-key:active{transform:translateY(2px);box-shadow:0 2px #0000001f}.pin-key:disabled{opacity:.5}.screen--hub{justify-content:flex-start;gap:16px;max-width:720px;margin:0 auto;width:100%}.hub-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.hub-identity{display:flex;align-items:center;gap:10px}.hub-identity__text{display:flex;flex-direction:column}.hub-rank{font-size:13px;color:var(--gold-dark);text-transform:uppercase}.hub-name{font-size:24px;font-weight:700;color:var(--pine-dark)}.currency{display:flex;gap:12px}.coin{background:var(--parchment-dark);border-radius:999px;padding:6px 14px;font-weight:700;font-size:16px;border:2px solid var(--gold-dark)}.logout-btn{border:2px solid var(--pine);background:transparent;color:var(--pine-dark);border-radius:999px;padding:8px 16px;font-weight:700;cursor:pointer}.briefing{width:100%;background:var(--parchment-dark);border:3px solid var(--gold-dark);border-radius:16px;padding:16px 18px;box-shadow:inset 0 0 24px #a6821426;background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(166,130,20,.08) 28px)}.briefing__chrome{font-size:13px;letter-spacing:2px;color:var(--steel);font-weight:700;display:flex;align-items:center;gap:8px}.briefing__badge{letter-spacing:0;background:var(--gold);color:var(--ink);border-radius:999px;padding:1px 8px;font-size:11px}.briefing__replay{margin-left:auto;border:none;background:transparent;cursor:pointer;font-size:18px;line-height:1}.briefing__title{margin:6px 0 8px;color:var(--pine-dark);font-size:20px}.briefing__body{margin:0;font-size:18px;line-height:1.5}.mission-board{width:100%}.mission-board h3{color:var(--pine-dark);margin:4px 0 10px}.mission-cards{display:flex;gap:14px;flex-wrap:wrap}.mission-card{flex:1 1 200px;min-height:120px;border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:4px;text-align:left;border:3px solid var(--pine);background:var(--parchment)}.mission-card--ready{cursor:pointer;box-shadow:0 5px #0000001f;position:relative}.mission-card--ready:active{transform:translateY(2px);box-shadow:0 3px #0000001f}.mission-card--locked{opacity:.55;border-style:dashed}.mission-card__badge{position:absolute;top:-10px;right:12px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.mission-card__name{font-size:18px;font-weight:700;color:var(--pine-dark)}.mission-card__where{font-size:14px;color:var(--steel)}.mission-card__cta{margin-top:auto;color:var(--gold-dark);font-weight:700}.hub-bottom{width:100%;margin-top:auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--ink);font-size:15px}.kingdom-level strong{color:var(--gold-dark);font-size:18px}.hall-of-heroes{color:var(--steel)}.minigame-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#0b2437}.minigame-bar{display:flex;align-items:center;gap:12px;padding:max(env(safe-area-inset-top),8px) 12px 8px;background:var(--pine-dark)}.minigame-back{border:none;background:var(--gold);color:var(--ink);font-weight:700;border-radius:999px;padding:8px 16px;font-size:16px;cursor:pointer}.minigame-title{color:#fff;font-weight:700;letter-spacing:1px}.minigame-frame{flex:1;border:none;width:100%}.play-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#bfe0f0}.phaser-host{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.phaser-host canvas{display:block}.fishing-done{position:fixed;top:max(env(safe-area-inset-top),12px);right:12px;z-index:40;min-height:56px;padding:0 18px;border:none;border-radius:999px;background:var(--pine);color:#fff;font-weight:700;font-size:17px;cursor:pointer;box-shadow:0 4px #0003}.fishing-done:active{transform:translateY(2px)}.fishing-done:disabled{opacity:.6}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#1f3f2873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px}.panel{background:var(--parchment);border:4px solid var(--gold-dark);border-radius:20px;padding:22px;max-width:460px;width:100%;box-shadow:0 10px 30px #0000004d;text-align:center}.panel h2{margin:0 0 6px;color:var(--pine-dark);font-size:28px}.qm-sub{color:var(--steel);margin:0 0 14px}.qm-problem{font-size:34px;font-weight:700;color:var(--ink);margin:6px 0 14px}.qm-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.qm-choice{min-height:64px;font-size:28px;border-radius:14px;border:3px solid var(--pine);background:var(--parchment-dark);cursor:pointer;box-shadow:0 4px #0000001f}.qm-choice:active{transform:translateY(2px);box-shadow:0 2px #0000001f}.qm-choice:disabled{opacity:.6}.qm-choice--right{background:#bfe6c2;border-color:var(--pine-dark)}.qm-feedback{font-weight:700;margin:12px 0 0;color:var(--ink)}.qm-feedback--good{color:var(--pine)}.qm-shop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px;flex-wrap:wrap}.qm-wallet{font-size:20px;font-weight:700}.qm-buy{flex:1;min-height:56px;border-radius:12px;border:none;background:var(--gold);color:var(--ink);font-weight:700;font-size:17px;cursor:pointer}.qm-buy:disabled{opacity:.5}.qm-bought{font-size:15px;color:var(--steel)}.qm-continue{margin-top:10px;width:100%;min-height:60px;border:none;border-radius:14px;background:var(--pine);color:#fff;font-size:20px;font-weight:700;cursor:pointer}.stars{font-size:52px;letter-spacing:8px;margin:6px 0}.star{color:#00000026}.star--on{color:var(--gold);text-shadow:0 2px 4px rgba(166,130,20,.5)}.results-score{font-size:22px;font-weight:700;color:var(--pine-dark)}.results-note{color:var(--ink);line-height:1.5}.reward-list{list-style:none;padding:0;margin:10px 0;font-size:20px}.reward-list li{margin:4px 0}.results-actions{display:flex;gap:12px;margin-top:16px}.btn-primary,.btn-secondary{flex:1;min-height:60px;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer}.btn-primary{border:none;background:var(--pine);color:#fff}.btn-secondary{border:3px solid var(--pine);background:transparent;color:var(--pine-dark)}.admin{max-width:760px;margin:0 auto;align-items:stretch;gap:20px;text-align:left}.admin-login{justify-content:center;align-items:center;text-align:center;gap:18px}.admin-login h1{color:var(--pine-dark)}.admin-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.admin-form input{min-height:52px;border-radius:12px;border:2px solid var(--pine);padding:0 14px;font-size:16px;background:#fff}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-top h1{margin:0;color:var(--pine-dark);font-size:26px}.admin-kingdom{color:var(--gold-dark);font-weight:700}.admin-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--pine);color:#fff;padding:10px 18px;border-radius:999px;z-index:60}.admin-section{background:var(--parchment-dark);border:3px solid var(--gold-dark);border-radius:16px;padding:16px}.admin-section h2{margin:0 0 12px;color:var(--pine-dark);font-size:20px}.admin-profile{border-bottom:2px dashed rgba(0,0,0,.12);padding:12px 0}.admin-profile:last-child{border-bottom:none}.admin-profile__id{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.admin-profile__id strong{color:var(--pine-dark);font-size:18px}.admin-profile__controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0}.admin-profile__controls button{min-height:44px;padding:0 14px;border-radius:10px;border:2px solid var(--pine);background:var(--parchment);font-weight:700;cursor:pointer}.admin-profile__controls label{display:flex;flex-direction:column;font-size:12px;color:var(--steel)}.admin-profile__controls select{min-height:40px;border-radius:8px;border:2px solid var(--pine);padding:0 8px}.admin-mission-toggle{border:2px dashed var(--gold-dark);background:transparent;color:var(--gold-dark);border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:700}.admin-mission{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.admin-mission input{flex:1 1 160px;min-height:44px;border-radius:8px;border:2px solid var(--pine);padding:0 10px}.admin-mission .btn-primary{min-height:44px;flex:0 0 auto;padding:0 18px}.admin-toggle{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--ink)}.admin-toggle input{width:28px;height:28px}.admin-toggle em{color:#b23b2e}.admin-events{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.admin-events li{font-size:14px;color:var(--ink)}.admin-event__type{display:inline-block;font-size:11px;background:var(--pine);color:#fff;border-radius:999px;padding:1px 8px;margin-right:8px}