.talk-panel{width:min(560px,100%);display:grid;grid-template-rows:auto minmax(160px,1fr) auto auto;gap:12px;max-height:min(84vh,760px)}.talk-head{display:grid;grid-template-columns:56px 1fr auto auto;gap:12px;align-items:center}.talk-portrait{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:radial-gradient(circle at 50% 35%,#f8deb0,#c98a4a 70%,#7a4a3a);box-shadow:0 0 0 2px var(--night),0 0 0 3.5px #e8c478d9,0 6px 16px #00000059}.talk-portrait.pet{background:radial-gradient(circle at 50% 35%,#b9d8ff,#5f7fc0 70%,#2a3858)}.talk-portrait{overflow:hidden}.talk-portrait img{width:100%;height:100%;object-fit:cover;display:block}.talk-who h2{font:700 23px var(--display);margin:0;line-height:1.1}.talk-who small{font:800 10.5px var(--ui);color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.talk-speak{background:#0a0f1e73;border:var(--rim);width:36px;height:36px;border-radius:50%;font-size:16px}.talk-speak.on{background:var(--gild)}.talk-log{overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px;min-height:160px;max-height:42vh;background:#080c1a73;border:1px solid rgba(232,196,120,.16);border-radius:16px;overscroll-behavior:contain;box-shadow:inset 0 4px 14px #0000004d}.talk-log .line{max-width:84%;padding:9px 13px;border-radius:16px;font-size:15px;line-height:1.45;animation:talkIn .2s ease}.talk-log .line.them{align-self:flex-start;background:linear-gradient(180deg,#344470f2,#243052f2);border:1px solid rgba(232,196,120,.22);border-bottom-left-radius:6px}.talk-log .line.me{align-self:flex-end;background:var(--gild);color:var(--ink);font-weight:600;border-bottom-right-radius:6px}.talk-log .line.err{opacity:.75;font-style:italic}.talk-log em{font-style:italic;color:var(--gold-2);opacity:.92}.talk-log .line.me em{color:var(--ink)}@keyframes talkIn{0%{opacity:0;transform:translateY(4px)}}.dots{display:inline-flex;gap:4px;padding:4px 2px}.dots i{width:8px;height:8px;border-radius:50%;background:var(--gold-2);opacity:.55;animation:dot 1.1s infinite ease-in-out}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{40%{opacity:1;transform:translateY(-3px)}}.talk-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.talk-chips::-webkit-scrollbar{display:none}.talk-chips .chip{white-space:nowrap;flex:none}.talk-chips .chip:disabled{opacity:.5}.talk-input{display:grid;grid-template-columns:1fr auto auto;gap:8px}.talk-input input{min-width:0;background:#0a0f1e73;border:1px solid var(--indigo-3);color:var(--linen);border-radius:14px;padding:12px 14px;font:500 16px var(--ui);box-shadow:inset 0 2px 6px #00000040}.talk-input input:focus{border-color:#e8c478b3;outline:none}.talk-input .mic{width:46px;border-radius:14px;border:var(--rim);background:#0a0f1e73;color:var(--gold-2);display:grid;place-items:center}.talk-input .mic.on{background:linear-gradient(180deg,#e2766a,#a8443a);color:#fff;animation:micPulse 1.2s infinite}@keyframes micPulse{50%{box-shadow:0 0 0 6px #e2766a40}}.talk-input .send{border:0;border-radius:14px;padding:0 18px;background:var(--gild);color:var(--ink);font:800 15px var(--ui);box-shadow:0 2px 0 var(--gold-deep)}.talk-input .send:disabled{opacity:.45}.nametag.npc .role{color:var(--gold-2)}.talk-btn{position:absolute;left:0;top:0;pointer-events:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 12px 6px 8px;border-radius:999px;border:1px solid rgba(246,220,156,.8);background:var(--gild);color:var(--ink);font:800 13px var(--ui);box-shadow:0 6px 16px #00000059;animation:bob 2.4s ease-in-out infinite;z-index:3}.talk-btn .ic{font-size:15px}.talk-btn kbd{background:#141c30d9;color:var(--gold-2);border-radius:6px;padding:1px 6px;font:800 11px var(--ui)}@keyframes bob{50%{margin-top:-4px}}.say-bubble{position:absolute;left:0;top:0;max-width:240px;padding:8px 12px;border-radius:14px;font:600 13px/1.35 var(--ui);background:#f6eedcf7;color:var(--ink);box-shadow:0 6px 18px #0000004d;white-space:normal;text-align:left}.say-bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:inherit;transform:translate(-50%) rotate(45deg);border-radius:2px}.mood-bubble{position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px;line-height:1;background:#f6eedcf5;box-shadow:0 0 0 2px #e8c478cc,0 6px 14px #0000004d}.say-bubble.show,.mood-bubble.show{animation:popIn .28s cubic-bezier(.2,1.4,.5,1)}@keyframes popIn{0%{opacity:0;scale:.6}}@media(max-width:760px){.talk-panel{padding:16px 14px 14px}.talk-log{max-height:36vh}.talk-who h2{font-size:20px}}:root{--indigo: #1b2440;--indigo-2: #26335a;--indigo-3: #34456f;--night: #121a30;--linen: #f6eedc;--linen-dim: #c4bba8;--gold: #e8c478;--gold-2: #f6dc9c;--gold-deep: #b08236;--saffron: #f2b33d;--saffron-deep: #c98a1a;--palm: #5fae7a;--rose: #e2766a;--ink: #141c30;--tile: #f6ebd9;--r-lg: 18px;--r-md: 12px;--r-sm: 8px;--display: "Corben", Georgia, serif;--ui: "Figtree", system-ui, sans-serif;--ar: "Noto Naskh Arabic", "Amiri", serif;--glass: linear-gradient(180deg, rgba(46, 60, 100, .94) 0%, rgba(27, 36, 64, .95) 46%, rgba(18, 25, 46, .96) 100%);--rim: 1px solid rgba(232, 196, 120, .42);--lift: 0 10px 28px rgba(5, 8, 20, .42), 0 2px 6px rgba(5, 8, 20, .3), inset 0 1px 0 rgba(255, 244, 220, .12);--gild: linear-gradient(180deg, var(--gold-2), var(--gold) 45%, var(--gold-deep));--trim: linear-gradient(90deg, transparent, rgba(232, 196, 120, .9) 18%, rgba(232, 196, 120, .9) 82%, transparent)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);font-family:var(--ui);color:var(--linen);overscroll-behavior:none}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-text-size-adjust:100%}input,textarea{-webkit-user-select:text;user-select:text}#game{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#tags,#ui{position:fixed;inset:0;pointer-events:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.trimmed{position:relative}.trimmed:before,.panel:before,.join-card:before{content:"";position:absolute;left:18%;right:18%;top:0;height:1.5px;background:var(--trim);pointer-events:none}.trimmed:after,.panel:after,.join-card:after{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;transform:translate(-50%) rotate(45deg);background:var(--gild);box-shadow:0 0 8px #e8c47899;pointer-events:none}.nametag{position:absolute;left:0;top:0;padding:4px 12px 5px;border-radius:12px;text-align:center;background:linear-gradient(180deg,#222e50e6,#12192ee6);color:var(--linen);font:700 13px var(--ui);white-space:nowrap;border:1px solid rgba(232,196,120,.25);box-shadow:0 4px 12px #0000004d;display:grid;line-height:1.15}.nametag b{font:700 14px var(--display);letter-spacing:.01em}.nametag .role{font:700 10px var(--ui);color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.nametag.me{border-color:#e8c478b3}.nametag{transition:opacity .45s ease}.nametag.faded{opacity:0}.pot-ring{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;place-items:center;font:700 16px var(--ui);color:var(--ink);background:radial-gradient(closest-side,var(--linen) 72%,transparent 74%),conic-gradient(var(--gold) calc(var(--p, 0) * 360deg),rgba(20,28,48,.55) 0);box-shadow:0 4px 14px #0000004d}.join{position:fixed;inset:0;display:flex;overflow:auto;pointer-events:auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(1200px 700px at 30% 0%,#3c5c8e,#1f2a48 55%,#10172b)}.join-card{margin:auto;width:min(1000px,100%);background:var(--glass);border:var(--rim);border-radius:26px;padding:26px 26px 22px;position:relative;box-shadow:0 40px 100px #00000080,inset 0 1px #fff4dc1f}.join-brand{text-align:center;margin:6px 0 16px}.join-brand .logo{width:min(340px,70%);display:block;margin:0 auto -8px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}.join-brand .logo+h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.join-brand h1{font:700 44px/1.05 var(--display);margin:0;color:var(--linen);letter-spacing:-.01em}.join-brand p{margin:8px 0 0;color:var(--linen-dim);font-size:16px;letter-spacing:.02em}.join-grid{display:grid;grid-template-columns:minmax(230px,.8fr) 1.2fr;gap:22px}.creator-canvas{width:100%;height:100%;min-height:400px;border-radius:var(--r-lg);border:var(--rim);background:radial-gradient(circle at 50% 38%,#f8deb0,#e4ad70 42%,#8a5a6a);box-shadow:inset 0 -40px 60px #28141e40}.creator{display:flex;flex-direction:column;gap:13px}.field{display:grid;gap:6px}.field span,.group-label{font:700 11.5px var(--ui);color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.group-label em{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0;color:var(--linen-dim);font-size:12.5px}.field input,.search-row input,.rename-edit input{background:#0a0f1e73;border:1px solid var(--indigo-3);color:var(--linen);border-radius:var(--r-md);padding:11px 13px;font:500 16px var(--ui);box-shadow:inset 0 2px 6px #00000040}.field input:focus,.search-row input:focus,.rename-edit input:focus{border-color:#e8c478b3;outline:none}.group{display:grid;gap:7px}.group.two{grid-template-columns:1fr 1fr;gap:14px}.group.two>div{display:grid;gap:7px;align-content:start}.swatches{display:flex;flex-wrap:wrap;gap:7px}.sw{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.14);padding:0;box-shadow:inset 0 -3px 6px #00000040}.swatches.small .sw{width:25px;height:25px}.sw.on{border-color:var(--gold);box-shadow:0 0 0 3px #e8c4784d,inset 0 -3px 6px #00000040}.sw.mat{border-radius:7px;width:34px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#26335ad9;border:1px solid var(--indigo-3);border-radius:999px;padding:6px 13px;font:600 13px var(--ui);color:var(--linen);transition:background .15s,border-color .15s}.chip:hover{border-color:#e8c47880}.chip.on{background:var(--gild);border-color:var(--gold-2);color:var(--ink);font-weight:800;box-shadow:0 2px 8px #e8c4784d}.toggles{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:14px;color:var(--linen-dim)}.toggles input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px;vertical-align:-3px}.toggles .range input{accent-color:var(--gold);vertical-align:middle;width:110px}.primary{margin-top:4px;background:var(--gild);color:var(--ink);border:0;border-radius:14px;padding:14px 18px;font:700 19px var(--display);box-shadow:0 4px 0 var(--gold-deep),0 10px 24px #e8c47840}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--gold-deep)}.primary:disabled{opacity:.5;cursor:default}.error{color:#ffb3a8;font-size:14px;margin:0}.loading{position:fixed;inset:0;display:grid;place-items:center;font:700 24px var(--display);color:var(--linen);background:radial-gradient(800px 500px at 50% 40%,#283860cc,#0c1122eb)}.place-search{display:grid;gap:8px}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px}.results{display:grid;gap:4px;background:#0a0f1e8c;border:var(--rim);border-radius:var(--r-md);padding:6px}.results button{text-align:left;background:transparent;border:0;border-radius:8px;padding:8px 10px;font-weight:600}.results button:hover,.results button:focus-visible{background:#e8c47824}.hud{position:fixed;inset:0;pointer-events:none;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.hud button,.hud .panel,.hud .prompt{pointer-events:auto}.players{position:absolute;left:calc(14px + var(--sal));top:calc(14px + var(--sat));display:grid;gap:8px;padding:10px 12px 10px 10px;text-align:left;background:var(--glass);border:var(--rim);border-radius:var(--r-lg);box-shadow:var(--lift)}.pcard{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;position:relative;display:block;flex:none;box-shadow:0 0 0 2px var(--night),0 0 0 3.5px #e8c478d9,inset 0 -6px 10px #00000040}.hair-ring{position:absolute;inset:-1px;border-radius:50%;border:4px solid;border-bottom-color:transparent!important;border-left-color:transparent!important;transform:rotate(-30deg);opacity:.9}.pname{display:grid;line-height:1.15}.pname b{font:700 15px var(--display)}.pname small{font:700 10px var(--ui);color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.coop{font:700 11px var(--ui);color:#d7f3df;letter-spacing:.04em;display:flex;align-items:center;gap:6px;padding-left:2px}.coop:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--palm);box-shadow:0 0 8px var(--palm)}.coop.warn{color:#ffd2cb}.coop.warn:before{background:var(--rose);box-shadow:0 0 8px var(--rose)}.skybar{position:absolute;right:calc(14px + var(--sar));top:calc(14px + var(--sat));display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;max-width:72vw}.coins,.clock,.prayer-chip{display:flex;align-items:center;gap:8px;background:var(--glass);border:var(--rim);border-radius:999px;padding:7px 15px;font:700 16px var(--ui);box-shadow:var(--lift)}.coins{font-variant-numeric:tabular-nums;color:var(--gold-2)}.coins.flash{animation:pop .6s ease}@keyframes pop{40%{transform:scale(1.12);box-shadow:0 0 0 3px #e8c47880,var(--lift)}}.coin-img{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.coin-dot{display:inline-block;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe59a,#d99a1e)}.orb{width:16px;height:16px;border-radius:50%;display:inline-block}.orb.sun{background:radial-gradient(circle,#ffe59a 40%,#f2b33d 70%);box-shadow:0 0 10px #f2b33d}.orb.moon{background:#e8ecf8;box-shadow:inset -5px -2px #9aa6c8,0 0 10px #c8d2ff99}.clock{font-variant-numeric:tabular-nums}.clock .wx{font-size:13px;font-weight:600;color:#b9d2ee;padding-left:8px;border-left:1px solid rgba(243,234,214,.22)}.prayer-chip{font-size:14px;font-weight:600;gap:7px}.prayer-chip .lbl{font:800 10px var(--ui);color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.prayer-chip .ar{font:600 17px var(--ar);color:var(--gold-2)}.prayer-chip b{font:700 14px var(--display)}.prayer-chip .in{color:var(--linen-dim);font-weight:500}.goals{position:absolute;right:calc(14px + var(--sar));top:calc(70px + var(--sat));width:262px;background:var(--glass);border:var(--rim);border-radius:var(--r-lg);box-shadow:var(--lift);overflow:visible}.goals:before{content:"";position:absolute;left:18%;right:18%;top:0;height:1.5px;background:var(--trim)}.goals-head{width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;background:none;border:0;padding:12px 16px 10px;text-align:left}.goals-head>span:first-child{font:700 16px var(--display)}.goals-head .count{font:800 12px var(--ui);color:var(--ink);background:var(--gild);border-radius:999px;padding:2px 8px}.goals-head .bar{grid-column:1 / -1;height:4px;border-radius:4px;background:#0a0f1e8c;overflow:hidden}.goals-head .bar i{display:block;height:100%;background:var(--gild);border-radius:4px;transition:width .4s ease}.goals ul{list-style:none;margin:0;padding:2px 16px 14px;display:grid;gap:7px;font-size:14px}.goals li{display:flex;gap:10px;align-items:center;color:var(--linen)}.goals li.done{color:var(--linen-dim)}.goals li.done span:last-child{text-decoration:line-through;text-decoration-color:#e8c47873}.tick{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(232,196,120,.55);flex:none;position:relative}.goals li.done .tick{background:var(--gild);border-color:var(--gold-2)}.goals li.done .tick:after{content:"";position:absolute;left:5.5px;top:2.5px;width:4px;height:8px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}.goals li.next{color:var(--gold-2);font-weight:600}.goals li.next .tick{border-color:var(--gold);box-shadow:0 0 0 3px #e8c4782e}.hotbar{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:7px;padding:10px;background:var(--glass);border:var(--rim);border-radius:22px;box-shadow:0 14px 40px #05081480,inset 0 1px #fff4dc1f}.hotbar:before{content:"";position:absolute;left:22%;right:22%;top:0;height:1.5px;background:var(--trim)}.slot{position:relative;width:60px;height:60px;border-radius:14px;padding:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#4658888c,#0e1426d9 75%);border:1px solid rgba(255,244,220,.08);box-shadow:inset 0 3px 8px #00000073,inset 0 -1px #fff4dc0f;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.slot.on{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 0 0 1px #f6dc9c73,0 8px 20px #e8c47847,inset 0 3px 8px #00000059;background:radial-gradient(circle at 50% 35%,#e8c47847,#141c32e6 75%)}.slot.bag{margin-left:8px}.slot.bag:before{content:"";position:absolute;left:-9px;top:12px;bottom:12px;width:1px;background:#e8c4784d}.slot .tile{background:transparent}.slot .tile img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}.num{position:absolute;left:6px;top:3px;font:800 10px var(--ui);color:#e8c478bf}.qty{position:absolute;right:3px;bottom:3px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;font:800 11px var(--ui);color:var(--ink);background:var(--gild);box-shadow:0 1px 3px #00000080}.tile{display:grid;place-items:center;border-radius:10px;background:var(--tile);overflow:hidden}.tile img{width:100%;height:100%;object-fit:contain;display:block}.tile-fallback{width:70%;height:70%;border-radius:50%;display:grid;place-items:center;font:800 14px var(--ui);color:#fff}.prompt{position:absolute;left:50%;bottom:calc(118px + var(--sab));transform:translate(-50%);display:flex;align-items:center;gap:11px;background:var(--glass);border:var(--rim);border-radius:999px;padding:7px 20px 7px 7px;font:600 16px var(--ui);box-shadow:var(--lift);white-space:nowrap;cursor:pointer}.prompt kbd{background:var(--gild);color:var(--ink);border-radius:10px;min-width:32px;height:32px;display:grid;place-items:center;font:800 15px var(--ui);padding:0 8px;box-shadow:0 2px 0 var(--gold-deep),inset 0 1px #ffffff80}.prompt em{font-style:normal;color:var(--linen-dim);font-weight:500;font-size:14px}.prompt.dim{opacity:.88;padding-left:20px;cursor:default}.prompt.quiet{padding-left:18px;font-weight:600;font-size:14px;cursor:default;color:var(--linen-dim)}.prompt.calm{padding-left:20px;background:linear-gradient(180deg,#286e5cf0,#16463af2);cursor:default}.toasts{position:absolute;left:50%;top:max(18px,calc(env(safe-area-inset-top) + 6px));transform:translate(-50%);display:grid;gap:6px;justify-items:center}.toast{background:var(--glass);border:var(--rim);padding:9px 18px;border-radius:999px;font-weight:600;font-size:15px;animation:tin .25s ease;box-shadow:var(--lift)}.toast.good{background:linear-gradient(180deg,#2c7460f5,#184a3ef5)}.toast.warn{background:linear-gradient(180deg,#964236f5,#642822f5)}@keyframes tin{0%{opacity:0;transform:translateY(-6px)}}.act-btn,.run-btn,.wave-btn{position:absolute;border:var(--rim);border-radius:50%;touch-action:none;background:var(--glass);box-shadow:var(--lift)}.act-btn{right:max(18px,env(safe-area-inset-right));bottom:calc(112px + var(--sab));width:88px;height:88px;font:700 15px var(--display);color:var(--linen-dim)}.act-btn.ready{background:var(--gild);color:var(--ink);border-color:var(--gold-2);box-shadow:0 5px 0 var(--gold-deep),0 10px 24px #e8c4784d}.run-btn{right:calc(120px + var(--sar));bottom:calc(114px + var(--sab));width:58px;height:58px;font-weight:700;font-size:13px}.run-btn.on{background:linear-gradient(180deg,#6fc48c,#3f8a5a)}.wave-btn{right:calc(30px + var(--sar));bottom:calc(214px + var(--sab));width:54px;height:54px;font-size:12px;font-weight:700}.joy-hint{position:absolute;left:calc(34px + var(--sal));bottom:calc(124px + var(--sab));width:112px;height:112px;border-radius:50%;border:1.5px solid rgba(232,196,120,.35);pointer-events:none}.scrim{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#0a0e1c59,#0609149e);display:grid;place-items:center;pointer-events:auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.panel{position:relative;width:min(480px,100%);max-height:min(80vh,760px);overflow:auto;background:var(--glass);border:var(--rim);border-radius:24px;padding:22px 20px 20px;box-shadow:0 40px 90px #0000008c,inset 0 1px #fff4dc1f;overscroll-behavior:contain;animation:rise .22s ease}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.985)}}.panel.wide{width:min(860px,100%)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.panel h2{font:700 25px var(--display);margin:0;letter-spacing:.005em}.panel h3{font:800 11.5px var(--ui);margin:18px 0 9px;color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.panel .x{background:#0a0f1e73;border:var(--rim);width:36px;height:36px;border-radius:50%;font-size:21px;line-height:1;color:var(--gold-2)}.sub{color:var(--linen-dim);margin:4px 0 12px;font-size:14px;line-height:1.5;max-width:64ch}.sub.small{font-size:12.5px;margin-top:10px}.empty{color:var(--linen-dim);font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:7px}.gslot{position:relative;aspect-ratio:1;border-radius:12px;padding:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#46588880,#0e1426d9 75%);border:1px solid rgba(255,244,220,.08);box-shadow:inset 0 3px 8px #0006}.gslot .tile{background:transparent}.gslot:nth-child(-n+8){border-color:#e8c47838}.gslot.on{border-color:var(--gold);box-shadow:0 0 0 1px #f6dc9c73,inset 0 3px 8px #00000059}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.row{display:flex;gap:8px;margin-top:14px}.ghost{background:#0a0f1e59;border:1px solid rgba(232,196,120,.35);color:var(--linen);border-radius:999px;padding:7px 13px;font-weight:700;font-size:13px}.ghost:disabled,.trade button:disabled{opacity:.4;cursor:default}.trade{display:grid;grid-template-columns:36px 1fr auto auto auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid rgba(232,196,120,.1)}.trade .tile{background:transparent}.trade .tname{font-weight:700;font-size:14px}.trade small{color:var(--linen-dim);font-weight:500}.trade .price{display:flex;align-items:center;gap:4px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold-2)}.trade button:not(.ghost){background:var(--gild);color:var(--ink);border:0;border-radius:999px;padding:7px 13px;font-weight:800;font-size:13px;box-shadow:0 2px 0 var(--gold-deep)}.prayer-list{display:grid;gap:7px}.prayer-row{display:grid;grid-template-columns:74px 1fr auto auto;gap:12px;align-items:center;text-align:left;background:#0a0f1e59;border:1px solid rgba(232,196,120,.16);border-radius:14px;padding:11px 14px}.prayer-row.cur{border-color:var(--gold);box-shadow:0 0 0 1px #f6dc9c59,0 6px 18px #e8c47826}.prayer-row .ar{font:600 20px var(--ar);color:var(--gold-2);text-align:right;direction:rtl}.prayer-row .pn{font:700 16px var(--display)}.prayer-row .pt{color:var(--linen-dim);font-variant-numeric:tabular-nums}.prayer-row .rk{font-size:12px;color:var(--linen-dim)}.mat-colors{display:grid;gap:8px;margin:6px 0 14px;padding:12px;border-radius:14px;background:#0a0f1e59;border:1px solid rgba(232,196,120,.16)}.mat-row{display:grid;gap:6px}.times{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.time{background:#0a0f1e59;border:1px solid rgba(232,196,120,.14);border-radius:10px;padding:8px;display:grid;gap:2px;text-align:center;font-size:13px}.time .ar{font:600 15px var(--ar);color:var(--gold-2)}.time.passed{opacity:.55}.rename{background:none;border:0;padding:0;font:inherit;display:inline-flex;align-items:baseline;gap:6px}.rename .pencil{font-size:13px;color:var(--gold);opacity:.8}.rename:hover .pencil{opacity:1}.rename-edit{display:inline-flex;gap:6px;align-items:center}.rename-edit input{padding:6px 10px;font-size:15px;width:150px}.rename-edit button{background:var(--gild);color:var(--ink);border:0;border-radius:999px;padding:6px 12px;font:800 13px var(--ui)}.profile{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center;padding:14px;border-radius:16px;background:#0a0f1e59;border:1px solid rgba(232,196,120,.18)}.profile-main{display:grid;gap:10px}.profile-main .rename{font:700 22px var(--display)}.family-list{display:grid;gap:8px}.fam{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:9px 12px;border-radius:14px;background:#0a0f1e4d;border:1px solid rgba(232,196,120,.12)}.fam.off{opacity:.6}.fam-name{display:grid;line-height:1.2}.fam-name b{font:700 15px var(--display)}.fam-name small{font:700 10px var(--ui);color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.dot{font:700 12px var(--ui);color:var(--linen-dim);display:flex;align-items:center;gap:6px}.dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#5a6480}.dot.on{color:#cfeedd}.dot.on:before{background:var(--palm);box-shadow:0 0 8px var(--palm)}@media(max-width:760px){.join-grid{grid-template-columns:1fr}.creator-canvas{min-height:260px;height:260px}.join-brand h1{font-size:34px}.group.two,.split{grid-template-columns:1fr}.goals{top:auto;bottom:calc(200px + var(--sab));right:calc(10px + var(--sar));width:214px;font-size:13px}.goals.closed{width:auto}.skybar{max-width:64vw;gap:6px}.coins,.clock,.prayer-chip{padding:6px 11px;font-size:14px}.prayer-chip .in,.prayer-chip .lbl{display:none}.players{left:calc(10px + var(--sal));top:calc(10px + var(--sat));padding:8px 10px 8px 8px}.pname b{font-size:13px}.slot{width:46px;height:46px;border-radius:12px}.hotbar{gap:5px;padding:8px;max-width:calc(100vw - 20px)}.prompt,.prompt-row{bottom:calc(92px + var(--sab));font-size:14px}.times{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.slot.petsbtn{display:grid;place-items:center}.tabs{display:flex;gap:8px;margin:2px 0 14px}.pet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}.pet-card{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start;background:#0a0f1e59;border:1px solid rgba(232,196,120,.18);border-radius:var(--r-lg);padding:13px}.pet-card.locked{opacity:.85}.pet-card.locked .emblem{filter:grayscale(.6) brightness(.7)}.emblem{width:72px;height:72px;display:block;border-radius:50%;box-shadow:0 0 0 2px var(--night),0 0 0 3.5px #e8c478b3}.pet-name{font:700 19px var(--display);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pet-name .kind{font:700 10.5px var(--ui);color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.blurb{margin:2px 0 8px;font-size:13px;color:var(--linen-dim)}.hearts{display:flex;gap:3px;margin-bottom:10px}.heart{width:16px;height:15px;position:relative;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M8 15C2 10.5 0 7.6 0 4.6 0 2 2 0 4.4 0 6 0 7.3 1 8 2.3 8.7 1 10 0 11.6 0 14 0 16 2 16 4.6c0 3-2 5.9-8 10.4z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 15'%3E%3Cpath d='M8 15C2 10.5 0 7.6 0 4.6 0 2 2 0 4.4 0 6 0 7.3 1 8 2.3 8.7 1 10 0 11.6 0 14 0 16 2 16 4.6c0 3-2 5.9-8 10.4z'/%3E%3C/svg%3E") center / contain no-repeat;background:linear-gradient(90deg,#ff6f9a calc(var(--f, 0) * 100%),#3d4a6e calc(var(--f, 0) * 100%))}.heart.full{background:#ff6f9a}.dyes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.dye{width:26px;height:26px;border-radius:50%;border:2px solid rgba(243,234,214,.22);padding:0}.dye.natural{background:conic-gradient(#d3341f,#ffd04a,#7d8278,#f4f1ea,#1d1b20,#d3341f)}.dye.on{border-color:var(--gold);box-shadow:0 0 0 3px #e8c47859;transform:scale(1.08)}.seg{display:inline-flex;flex-wrap:wrap;border:1px solid rgba(232,196,120,.3);border-radius:14px;overflow:hidden;background:#0a0f1e4d}.seg button{background:transparent;border:0;padding:6px 11px;font:700 12.5px var(--ui)}.seg button.on{background:var(--gild);color:var(--ink)}.req{display:grid;grid-template-columns:52px 1fr 48px;gap:8px;align-items:center;font-size:13px;margin-top:4px}.req progress{width:100%;height:8px;accent-color:#ff6f9a}.pet-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin-top:7px}.pet-row-label{font:700 11px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--linen-dim);min-width:74px}.pet-owner{font:700 13px var(--ui);color:var(--gild)}.pet-owner.dim{color:var(--linen);font-weight:600}.pet-tip{grid-column:1 / -1;margin:4px 2px 0;font-size:13px;color:var(--linen-dim)}.pet-tip kbd{background:var(--gild);color:var(--ink);border-radius:6px;padding:1px 7px;font-weight:800}.ach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.ach{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;background:#0a0f1e59;border:1px solid rgba(232,196,120,.12);border-radius:14px;padding:10px 12px;opacity:.62}.ach.got{opacity:1;border-color:#e8c4788c}.ach .badge{width:36px;height:36px;fill:#3d4a6e}.ach.got .badge{fill:var(--gold);filter:drop-shadow(0 0 6px rgba(232,196,120,.5))}.ach-name{font:700 15px var(--ui)}.ach-desc{font-size:12.5px;color:var(--linen-dim)}.ach-by{font-size:12px;color:var(--gold-2);margin-top:2px}@media(max-width:640px){.pet-grid{grid-template-columns:1fr}.pet-card{grid-template-columns:56px 1fr}.emblem{width:56px;height:56px}}.decor{display:grid;gap:12px}.decor-row{display:grid;gap:7px;padding:12px;border-radius:14px;background:#0a0f1e59;border:1px solid rgba(232,196,120,.14)}.slot.journalbtn{display:grid;place-items:center}.journal{display:grid;grid-template-columns:210px 1fr;gap:16px;min-height:380px}.journal-nav{display:grid;gap:4px;align-content:start}.journal-nav button{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:7px 10px;font:700 14px var(--ui);color:var(--linen-dim)}.journal-nav button .tile{background:transparent}.journal-nav button.on{background:#e8c4781f;border-color:#e8c47866;color:var(--gold-2)}.journal-page{padding:18px 20px;border-radius:16px;border:1px solid rgba(232,196,120,.22);background:linear-gradient(180deg,#f6ecd6,#ead9b8);color:#3b2a1c;box-shadow:inset 0 0 40px #7850282e}.journal-page h3{font:700 22px var(--display);color:#4a2f1e;text-transform:none;letter-spacing:0;margin:0 0 10px}.journal-page section{padding:10px 0;border-top:1px dashed rgba(90,60,30,.25)}.journal-page h4{font:800 12px var(--ui);text-transform:uppercase;letter-spacing:.1em;color:#8a5a2a;margin:0 0 4px}.journal-page p{margin:0;font-size:15px;line-height:1.55}@media(max-width:760px){.journal{grid-template-columns:1fr}.journal-nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:4px}}.dock{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:calc(262px + var(--sab));display:grid;gap:8px}.dock .dock-btn{width:46px;height:46px;border-radius:50%;border:var(--rim);background:var(--glass);box-shadow:var(--lift)}@media(pointer:coarse),(max-width:760px){.slot{width:36px;height:36px;border-radius:10px}.slot.on{transform:translateY(-3px)}.slot.bag{margin-left:6px}.slot.bag:before{left:-6px}.hotbar{gap:3px;padding:6px;border-radius:16px}.qty{min-width:15px;height:15px;font-size:10px;padding:0 4px;right:1px;bottom:1px}.goals{top:calc(106px + var(--sat));bottom:auto;right:calc(10px + var(--sar));width:228px}.goals.closed{width:auto}.goals.closed .goals-head{padding:8px 12px}.goals.closed .goals-head>span:first-child{font-size:14px}.prompt{bottom:calc(80px + var(--sab));padding:5px 14px;font-size:13px}.prompt-row{bottom:calc(80px + var(--sab))}.prompt.quiet{display:none}.act-btn{bottom:132px;width:80px;height:80px}.run-btn{bottom:142px;right:112px;width:54px;height:54px}.wave-btn{bottom:224px}.joy-hint{bottom:140px}.nametag b{font-size:12px}.toasts{top:112px;width:calc(100vw - 24px)}.toast{font-size:13px;text-align:center}}.right-col{position:absolute;right:calc(14px + var(--sar));top:calc(14px + var(--sat));display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:72vw;pointer-events:none}.right-col>*{pointer-events:auto}.right-col .skybar{position:static;max-width:100%}.right-col .goals{position:relative;top:auto;right:auto;bottom:auto;max-width:100%}@media(pointer:coarse),(max-width:760px){.right-col{right:calc(10px + var(--sar));top:calc(10px + var(--sat));gap:8px;max-width:64vw}.right-col .goals{width:228px}.right-col .goals.closed{width:auto}}.avatar{overflow:hidden;background:radial-gradient(circle at 50% 35%,#f3d6a4,#b9785a 70%,#6a3f48)}.avatar img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04)}.avatar .avatar-fill{position:absolute;inset:22%;border-radius:50%;opacity:.9}.trader-head{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;margin:4px 0 6px}.trader-portrait{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--night),0 0 0 3.5px #e8c478d9,0 6px 16px #0006}.trader-head .sub{margin:0}.wants{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.want{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border-radius:999px;background:#0a0f1e59;border:1px solid rgba(232,196,120,.2)}.want .tile{background:transparent}.want small{font:700 12px var(--ui);color:var(--linen-dim)}.upgrades{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:8px}.upgrade{padding:14px;border-radius:16px;background:#0a0f1e59;border:1px solid rgba(232,196,120,.2);display:grid;gap:6px;align-content:start}.upgrade h3{margin:0}.up-head{display:flex;justify-content:space-between;align-items:center}.pips{display:inline-flex;gap:4px}.pips i{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(232,196,120,.55)}.pips i.on{background:var(--gild);border-color:var(--gold-2)}.up-title{font:700 16px var(--display)}.upgrade .sub.small{margin:0 0 6px}.up-buy{display:inline-flex;align-items:center;gap:6px;justify-self:start;background:var(--gild);color:var(--ink);border:0;border-radius:999px;padding:8px 14px;font:800 13px var(--ui);box-shadow:0 2px 0 var(--gold-deep)}.up-buy:disabled{opacity:.45;cursor:default}.town-actions{display:flex;gap:6px;margin-top:6px}.town-actions button{background:var(--gild);color:var(--ink);border:0;border-radius:999px;padding:5px 12px;font:800 12px var(--ui);box-shadow:0 2px 0 var(--gold-deep)}.acct-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#0a0f1e59;border:1px solid rgba(232,196,120,.22)}.acct-email{font-size:14px;color:var(--linen-dim)}.acct-email b{color:var(--gold-2)}.sub.good{color:#bfe8c9;margin:2px 0 0}@media(pointer:coarse),(max-width:760px){.players{gap:4px;padding:5px 9px 5px 5px;border-radius:16px}.pcard{gap:7px}.players .avatar{width:26px!important;height:26px!important}.pname b{font-size:12.5px}.pname small{font-size:8.5px;letter-spacing:.1em}.coop:not(.warn){display:none}.coins,.clock,.prayer-chip{padding:4px 10px;font-size:12.5px;gap:5px}.orb{width:12px;height:12px}.coin-img{width:15px;height:15px}.clock .wx,.prayer-chip .lbl,.prayer-chip .in{display:none}.prayer-chip .ar{font-size:13px}.prayer-chip b{font-size:12.5px}.goals.closed .goals-head{padding:6px 11px;gap:3px 8px}.goals.closed .goals-head>span:first-child{font-size:12.5px}.goals.closed .goals-head .count{font-size:10px;padding:1px 6px}.goals.closed .goals-head .bar{height:3px}}.update-pill{position:absolute;left:50%;top:calc(64px + var(--sat));transform:translate(-50%);pointer-events:auto;padding:7px 16px;border-radius:999px;border:1px solid var(--gold-2);background:var(--gild);color:var(--ink);font:800 13px var(--ui);box-shadow:var(--lift)}.tile{position:relative}.qgem{position:absolute;left:3px;top:3px;width:34%;height:34%;max-width:16px;max-height:16px;transform:rotate(45deg);border-radius:3px;border:1.5px solid rgba(20,28,48,.85);box-shadow:0 1px 3px #00000073,inset 0 1px #ffffffb3}.tile.q-silver .qgem{background:linear-gradient(135deg,#fff,#b9c3d1 55%,#7f8a9b)}.tile.q-gold .qgem{background:linear-gradient(135deg,#fff2b8,#f2c14e 55%,#b07a1c)}.tile.q-diamond .qgem{background:linear-gradient(135deg,azure,#8fe3ff 50%,#4aa6d8);animation:qshine 2.4s ease-in-out infinite}.tile.q-gold{box-shadow:inset 0 0 0 2px #f2c14ebf}.tile.q-diamond{box-shadow:inset 0 0 0 2px #8fe3ffd9,0 0 10px #8fe3ff59}@keyframes qshine{50%{filter:brightness(1.35) drop-shadow(0 0 4px #bff3ff)}}.lvchip{display:inline-block;font:800 10px var(--ui);letter-spacing:.06em;color:var(--ink);background:var(--gild);border-radius:999px;padding:1px 7px;margin-right:6px;text-transform:none}.mylv{position:relative;display:flex;align-items:center;gap:6px;margin-top:3px;cursor:pointer}.xpbar{width:78px;height:5px;border-radius:5px;background:#0a0f1e99;overflow:hidden;box-shadow:inset 0 0 0 1px #e8c47840}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#8fe3ff,#f2c14e);border-radius:5px;transition:width .5s ease}.xppop{position:absolute;left:34px;top:-6px;font:800 12px var(--ui);color:#ffe59a;text-shadow:0 1px 2px rgba(0,0,0,.7);pointer-events:none;animation:xppop 1.3s ease-out forwards}@keyframes xppop{0%{opacity:0;transform:translateY(6px)}15%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.nametag b .lv{margin-left:6px;font:800 10px var(--ui);color:var(--ink);background:var(--gild);border-radius:999px;padding:1px 6px;vertical-align:2px;letter-spacing:.02em}.goals li em{font-style:normal;color:var(--gold-2);font-weight:800;margin-left:4px;font-variant-numeric:tabular-nums}.goals-more{display:block;width:calc(100% - 32px);margin:0 16px 12px;background:none;border:1px solid rgba(232,196,120,.3);border-radius:999px;padding:6px 10px;font:700 12px var(--ui);color:var(--gold-2)}.trade.locked{opacity:.62}.trade.locked .tile img{filter:grayscale(.7)}.lock-chip{display:inline-flex;align-items:center;gap:4px;font:800 11px var(--ui);color:var(--gold-2);border:1px solid rgba(232,196,120,.45);border-radius:999px;padding:3px 9px;white-space:nowrap}.trade.locked .lock-chip{grid-column:span 2;justify-self:end}.up-buy .lock-chip{margin-right:6px}.quest-list{display:grid;gap:10px}.quest,.order,.ms{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:#0a0f1e52;border:1px solid rgba(232,196,120,.16)}.quest .tick{width:18px;height:18px;border-radius:50%;border:2px solid rgba(232,196,120,.55);position:relative}.quest.done .tick{background:var(--gild);border-color:var(--gold-2)}.quest.done .tick:after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}.quest.done b{color:var(--linen-dim);text-decoration:line-through;text-decoration-color:#e8c47873}.quest.bonus{background:linear-gradient(90deg,#f2c14e29,#0a0f1e4d);border-color:#f2c14e59}.q-body{display:grid;gap:6px;min-width:0}.q-body b{font-size:15px}.q-body b em{font-style:normal;color:var(--gold-2);font-size:13px}.q-body small{color:var(--linen-dim);font-size:12.5px}.q-bar{height:6px;border-radius:6px;background:#0a0f1e99;overflow:hidden}.q-bar.big{height:9px}.q-bar i{display:block;height:100%;background:var(--gild);border-radius:6px;transition:width .5s ease}.q-reward{display:inline-flex;align-items:center;gap:4px;font:800 12.5px var(--ui);color:var(--gold-2);white-space:nowrap}.order{grid-template-columns:52px 1fr auto}.order-face{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid rgba(232,196,120,.6)}.order-wants{display:flex;flex-wrap:wrap;gap:6px}.order-wants .want{padding:2px 9px 2px 2px}.order-wants .want small{font-weight:800;font-variant-numeric:tabular-nums;color:var(--linen-dim)}.order-wants .want.got{border-color:#5fae7ab3}.order-wants .want.got small{color:#9fe0b4}.order.done{opacity:.6}.order-go{display:grid;justify-items:center;gap:1px;background:var(--gild);color:var(--ink);border:0;border-radius:14px;padding:8px 14px;font:800 14px var(--ui);box-shadow:0 2px 0 var(--gold-deep)}.order-go span{display:inline-flex;align-items:center;gap:4px}.order-go small{font:700 10.5px var(--ui);opacity:.8}.order-go:disabled{filter:grayscale(.6);opacity:.55;box-shadow:none}.milestones{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.ms-medal{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:800 15px var(--display);color:var(--ink);background:#0a0f1e73;border:2px dashed rgba(232,196,120,.35)}.ms.tier-1 .ms-medal{background:linear-gradient(135deg,#f0c9a0,#b06a38);border:2px solid #f6dcbc}.ms.tier-2 .ms-medal{background:linear-gradient(135deg,#fff,#9aa6b8);border:2px solid #f4f7fb}.ms.tier-3 .ms-medal{background:linear-gradient(135deg,#fff2b8,#d99a2b);border:2px solid #ffe8a3}.ms.tier-4 .ms-medal{background:linear-gradient(135deg,azure,#4aa6d8);border:2px solid #c8f4ff;box-shadow:0 0 12px #8fe3ff80}.levelpage h3{margin:18px 0 8px}.lv-hero{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:14px 16px;border-radius:var(--r-md);background:linear-gradient(120deg,#f2c14e2e,#0a0f1e59);border:1px solid rgba(242,193,78,.35)}.lv-hero>div{display:grid;gap:7px}.lv-hero b{font:700 18px var(--display)}.lv-hero b em{font-style:normal;font:800 13px var(--ui);color:var(--gold-2)}.lv-hero small{color:var(--linen-dim)}.lv-big{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font:700 30px var(--display);color:var(--ink);background:var(--gild);box-shadow:0 0 0 4px #f2c14e40,0 6px 16px #00000059}.unlocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}.unlock{display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;padding:6px 10px;border-radius:var(--r-sm);background:#0a0f1e47;font-size:13.5px}.unlock .tile{background:transparent}.mirror-grid{grid-template-columns:minmax(200px,300px) 1fr}.look-btn{margin:4px 0 8px}@media(max-width:720px){.milestones,.unlocks,.mirror-grid{grid-template-columns:1fr}.order{grid-template-columns:40px 1fr}.order-face{width:40px;height:40px}.order-go,.order .q-reward{grid-column:1 / -1;justify-self:stretch}.xpbar{width:56px}}.tile.q-burnt .qgem{background:linear-gradient(135deg,#5a4a40,#1e1814);border-color:#0c0806}.tile.q-underdone .qgem{background:linear-gradient(135deg,#fff8e8,#d8c8a8)}.tile.q-burnt img{filter:sepia(.6) brightness(.55) contrast(1.15)}.prompt-row{position:absolute;left:50%;transform:translate(-50%);bottom:calc(118px + var(--sab));display:flex;gap:8px;align-items:center;pointer-events:none}.prompt-row .prompt{position:static;transform:none;pointer-events:auto}.prompt.alt{cursor:pointer;border:var(--rim);background:var(--glass);color:var(--linen);font:inherit}.alt-btn{position:absolute;right:calc(24px + var(--sar));bottom:calc(200px + var(--sab));max-width:150px;padding:8px 12px;border-radius:999px;border:var(--rim);background:var(--glass);color:var(--gold-2);font:800 12px var(--ui);box-shadow:var(--lift)}.builds{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-bottom:14px}.build{padding:12px 14px;border-radius:var(--r-md);background:#0a0f1e52;border:1px solid rgba(232,196,120,.18);display:grid;gap:6px}.build h4{margin:0;font:700 15px var(--display)}.build.done{opacity:.7}.build.locked{opacity:.6}.build-cost{display:flex;flex-wrap:wrap;gap:6px 10px;font:800 12.5px var(--ui);color:var(--linen-dim)}.build-cost span{display:inline-flex;align-items:center;gap:4px}.build-cost span.ok{color:#9fe0b4}.build-cost .tile{background:transparent}.lock-chip.done{color:#9fe0b4;border-color:#5fae7a99}.rare-tint{position:absolute;inset:0;mix-blend-mode:color;opacity:.88;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none}.tile.q-rare{box-shadow:inset 0 0 0 2px #c08affcc,0 0 10px #c08aff59}.tile.q-rare .qgem{background:linear-gradient(135deg,#fff,#c08aff 50%,#7a3ab8);animation:qshine 2s ease-in-out infinite}.buffchip{margin-left:4px;font:800 10px var(--ui);color:#2a1030;background:linear-gradient(180deg,#f8d6ea,#e8a0c8);border-radius:999px;padding:1px 7px;white-space:nowrap}.finishes{display:grid;gap:8px;margin-bottom:14px}.finish-row{display:grid;grid-template-columns:34px 120px 1fr;align-items:center;gap:8px}.finish-row .tile{background:transparent}.finish-row .tname{font-weight:700;font-size:14px}.sw.lockedsw{opacity:.35;cursor:not-allowed}.ms-medal.skill{background:var(--gild);border:2px solid #ffe8a3;font-size:14px}.recipes{display:grid;gap:8px}.recipe{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:var(--r-md);background:#0a0f1e4d;border:1px solid rgba(232,196,120,.14)}.recipe.locked{opacity:.55}.recipe .tile{background:transparent}.recipe b em{font-style:normal;color:var(--gold-2);font-size:13px}.ingr{display:flex;flex-wrap:wrap;gap:4px 8px}.ing{display:inline-flex;align-items:center;gap:3px}.ing small{color:var(--linen-dim);font-size:11.5px}.ing .tile{background:transparent}.prices{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;font:800 11.5px var(--ui);color:var(--gold-2);max-width:170px}.pq{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:999px;background:#0a0f1e73}.pq.silver{color:#e4eaf2}.pq.gold{color:#f2c14e}.pq.diamond{color:#8fe3ff}.book-search{width:100%;margin:0 0 10px;padding:9px 14px;border-radius:999px;border:var(--rim);background:#0a0f1e66;color:var(--linen);font:600 14px var(--ui)}.item-guide{display:grid;gap:6px;max-height:60vh;overflow:auto}.guide-row{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:6px 8px;border-radius:var(--r-sm);background:#0a0f1e42}.guide-row .tile{background:transparent}.guide-row small{display:block;color:var(--linen-dim);font-size:12.5px;line-height:1.35}.fish-bang{position:absolute;left:0;top:0;font:900 34px var(--display);color:#ffe59a;text-shadow:0 2px 0 #b06a1a,0 0 12px rgba(255,220,120,.8);pointer-events:none;animation:bang .5s ease-in-out infinite alternate}@keyframes bang{to{scale:1.25}}.volumes{display:grid;gap:8px;margin-top:10px}.volumes .range{display:grid;grid-template-columns:1fr 160px;align-items:center;gap:10px;font-size:14px}@media(max-width:720px){.recipe{grid-template-columns:40px 1fr}.recipe .prices{grid-column:1 / -1;justify-content:flex-start;max-width:none}.finish-row{grid-template-columns:30px 1fr}.finish-row .swatches{grid-column:1 / -1}.volumes .range{grid-template-columns:1fr}}.q-body small.how{color:var(--gold-2);opacity:.85;font-size:12px;line-height:1.35}.pet-care{grid-column:1 / -1;display:grid;gap:4px;padding:10px 12px;border-radius:var(--r-md);background:#0a0f1e4d}.journal-page .recipe{background:#fffaee8c;border-color:#78502838;color:#2e1c10}.journal-page .recipe b{color:#2e1c10}.journal-page .recipe b em{color:#9a5a18}.journal-page .recipe small,.journal-page .ing small{color:#6b4a2a}.journal-page .recipe .pq{background:#2e1c10d9}.journal-page .sub{color:#5a3e26}.travel-fade{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:0;display:grid;place-content:center;gap:10px;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 45%,#2a2438,#120f18 70%);color:#fff3dc;transition:opacity .42s ease}.travel-fade.on{opacity:1;pointer-events:auto}.travel-fade b{font:600 clamp(30px,7vw,54px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:.02em;text-shadow:0 3px 18px rgba(0,0,0,.5)}.travel-fade span{max-width:520px;font-size:15px;line-height:1.45;opacity:.82}.travel-fade.on b{animation:travel-in 1.2s ease both}@keyframes travel-in{0%{opacity:0;transform:translateY(10px);letter-spacing:.12em}to{opacity:1;transform:none}}.places{display:grid;gap:10px}.place-card{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.place-card.farm{background:linear-gradient(120deg,#78aa5038,#ffffff0a)}.place-card.forest{background:linear-gradient(120deg,#285a3259,#ffffff0a)}.place-card.town{background:linear-gradient(120deg,#d2963c40,#ffffff0a)}.place-card.sakura{background:linear-gradient(120deg,#f096be4d,#ffffff0a)}.place-card.here{outline:2px solid rgba(255,220,140,.6)}.place-card.locked{opacity:.6}.place-art{width:64px;height:64px;display:grid;place-items:center;font-size:38px;border-radius:12px;background:#0000002e}.place-text{display:grid;gap:3px;min-width:0}.place-text b{font-size:16px}.place-text small{font-size:12.5px;line-height:1.35;opacity:.85}.place-fam{font-size:12px;font-weight:600;color:#ffe2a0}.here-chip{background:#ffdc8c33}.pname .where{display:block;font-size:11px;opacity:.9;color:#ffe2a0}@media(max-width:560px){.place-card{grid-template-columns:48px 1fr}.place-art{width:48px;height:48px;font-size:28px}.place-card>button,.place-card>.lock-chip{grid-column:1 / -1;justify-self:stretch;text-align:center}}.place-card>button{background:var(--gild);color:var(--ink);border:0;border-radius:999px;padding:9px 18px;font-weight:800;font-size:14px;box-shadow:0 2px 0 var(--gold-deep)}.place-card>button:disabled{opacity:.4;cursor:default}.prompt.guide-btn{cursor:pointer;border:var(--rim);background:var(--glass);color:var(--linen);font:700 14px var(--ui);padding:5px 14px 5px 6px;gap:6px}.guide-status{line-height:1.45}.guide-list{display:grid;gap:8px;margin-top:10px}.guide-row{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:start;padding:8px 10px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.guide-row.ready{background:#78be6e24;border-color:#96dc8c59}.guide-main{display:grid;gap:6px;min-width:0}.guide-main>b{font-size:15px}.guide-ings{display:flex;flex-wrap:wrap;gap:6px}.ing{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 3px;border-radius:999px;background:#00000038;font-size:12px}.ing small{font-size:12px}.ing i{font-style:normal;font-size:10.5px;font-weight:800;padding:1px 6px;border-radius:999px}.ing.in i{background:#6fc48c;color:#0e2a18}.ing.bag i{background:var(--gild);color:var(--ink)}.ing.no i{background:#ff786440;color:#ffd2c8}.ing.no{opacity:.85}.guide-where{font-size:12px;opacity:.8;line-height:1.35}.guide-time{font-size:12px;opacity:.75;white-space:nowrap}.hud.touch .prompt-row{left:50%;right:auto;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px - var(--sal) - var(--sar));justify-content:center;flex-wrap:wrap;pointer-events:none}.hud.touch .prompt-row .prompt{white-space:normal;max-width:min(100%,520px);flex-wrap:wrap;row-gap:2px;line-height:1.25;padding:6px 14px;border-radius:18px;pointer-events:none}.hud.touch .prompt-row .prompt.guide-btn{pointer-events:auto}.hud.touch .prompt-row .prompt em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-basis:100%;font-size:12.5px}.hud.touch .prompt-row .prompt.guide-btn{border-radius:999px;padding:4px 12px 4px 5px;flex-wrap:nowrap}@media(max-width:560px){.guide-row{grid-template-columns:36px 1fr}.guide-time{grid-column:2}}.station-ring{font-size:13px}.pot-ring.warn{animation:ring-warn .7s ease-in-out infinite alternate;background:radial-gradient(closest-side,#ffe2c8 72%,transparent 74%),conic-gradient(#ff7a3a 360deg,transparent 0);color:#8a2a12;font-size:20px}.pot-ring.fire{background:radial-gradient(closest-side,#3a1a12 72%,transparent 74%),conic-gradient(#ff5a2a 360deg,transparent 0);animation:ring-warn .35s ease-in-out infinite alternate}@keyframes ring-warn{0%{scale:1}to{scale:1.18}}.guide-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.guide-actions button{background:var(--glass);border:var(--rim);color:var(--linen);border-radius:999px;padding:7px 14px;font-weight:700}.pet-vitals{display:grid;gap:4px;margin:6px 0}.pet-status{font-size:13px;font-weight:700}.pet-status.bad{color:#ffb0a0}.pet-status.ok{color:#ffe2a0}.pet-status.good{color:#b8f0c0}.vital{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;font-size:12px}.vbar{height:8px;border-radius:999px;background:#0000004d;overflow:hidden}.vbar i{display:block;height:100%;border-radius:999px;background:#8fd68f;transition:width .4s}.vbar.energy i{background:#8fc0f0}.vbar.low i{background:#f08a6a}.vbar.xp i{background:var(--gild)}.pet-skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.pskill{font-size:11px;padding:2px 7px;border-radius:999px;background:#00000040;opacity:.6}.pskill.on{background:#f2c14e38;color:#ffe6a8;opacity:1;font-weight:700}.nametag .status{display:block;font-size:11px;color:#ffe2a0}.nametag .status:empty{display:none}.trade .fav{color:#ffe2a0;font-weight:700}.order-note{display:block;font-size:12px;color:#bfe8e0}:root[data-theme=purple]{--glass: linear-gradient(180deg, rgba(96, 62, 140, .95) 0%, rgba(60, 34, 96, .95) 46%, rgba(38, 20, 64, .96) 100%);--night: #24123a;--indigo: rgb(60, 34, 96);--indigo-2: rgb(96, 62, 140);--indigo-3: rgb(116, 82, 160);--gold-2: #f6dc9c;--gold: #e8c478;--gold-deep: #b08236;--rim: 1px solid #e8c4786b}:root[data-theme=black]{--glass: linear-gradient(180deg, rgba(52, 52, 58, .95) 0%, rgba(26, 26, 30, .95) 46%, rgba(12, 12, 14, .96) 100%);--night: #0c0c0e;--indigo: rgb(26, 26, 30);--indigo-2: rgb(52, 52, 58);--indigo-3: rgb(72, 72, 78);--gold-2: #f6dc9c;--gold: #e8c478;--gold-deep: #b08236;--rim: 1px solid #e8c4786b}:root[data-theme=grey]{--glass: linear-gradient(180deg, rgba(104, 110, 122, .95) 0%, rgba(70, 74, 84, .95) 46%, rgba(48, 51, 58, .96) 100%);--night: #2c2f36;--indigo: rgb(70, 74, 84);--indigo-2: rgb(104, 110, 122);--indigo-3: rgb(124, 130, 142);--gold-2: #f2f4f8;--gold: #cdd3dc;--gold-deep: #8e98a8;--rim: 1px solid #cdd3dc6b}:root[data-theme=silver]{--glass: linear-gradient(180deg, rgba(232, 236, 242, .95) 0%, rgba(206, 212, 222, .95) 46%, rgba(182, 189, 202, .96) 100%);--night: #9aa3b2;--indigo: rgb(206, 212, 222);--indigo-2: rgb(232, 236, 242);--indigo-3: rgb(252, 255, 255);--gold-2: #ffffff;--gold: #c7ccd6;--gold-deep: #7d8796;--rim: 1px solid #c7ccd66b;--linen: #1d2230;--linen-dim: #4a5262;--ink: #1d2230;--tile: #ffffff;--lift: 0 10px 28px rgba(40, 50, 70, .28), 0 2px 6px rgba(40, 50, 70, .2), inset 0 1px 0 rgba(255, 255, 255, .6)}:root[data-theme=skyblue]{--glass: linear-gradient(180deg, rgba(96, 160, 214, .95) 0%, rgba(56, 118, 178, .95) 46%, rgba(34, 84, 138, .96) 100%);--night: #1c4670;--indigo: rgb(56, 118, 178);--indigo-2: rgb(96, 160, 214);--indigo-3: rgb(116, 180, 234);--gold-2: #ffffff;--gold: #e8f4ff;--gold-deep: #9cc4e8;--rim: 1px solid #e8f4ff6b}:root[data-theme=red]{--glass: linear-gradient(180deg, rgba(158, 48, 48, .95) 0%, rgba(110, 26, 32, .95) 46%, rgba(70, 14, 20, .96) 100%);--night: #3a0a10;--indigo: rgb(110, 26, 32);--indigo-2: rgb(158, 48, 48);--indigo-3: rgb(178, 68, 68);--gold-2: #f6dc9c;--gold: #e8c478;--gold-deep: #b08236;--rim: 1px solid #e8c4786b}:root[data-theme=orange]{--glass: linear-gradient(180deg, rgba(214, 124, 48, .95) 0%, rgba(170, 84, 26, .95) 46%, rgba(118, 52, 14, .96) 100%);--night: #5a2808;--indigo: rgb(170, 84, 26);--indigo-2: rgb(214, 124, 48);--indigo-3: rgb(234, 144, 68);--gold-2: #fff2d8;--gold: #ffe2a8;--gold-deep: #c89a52;--rim: 1px solid #ffe2a86b}:root[data-theme=green]{--glass: linear-gradient(180deg, rgba(52, 112, 76, .95) 0%, rgba(30, 78, 50, .95) 46%, rgba(16, 50, 30, .96) 100%);--night: #0e2a1a;--indigo: rgb(30, 78, 50);--indigo-2: rgb(52, 112, 76);--indigo-3: rgb(72, 132, 96);--gold-2: #f6dc9c;--gold: #e8c478;--gold-deep: #b08236;--rim: 1px solid #e8c4786b}:root[data-theme=silver] .panel,:root[data-theme=silver] .prompt,:root[data-theme=silver] .players{color:var(--linen)}.themes{display:flex;flex-wrap:wrap;gap:8px}.theme-sw{width:44px;height:44px;border-radius:12px;border:2px solid transparent;box-shadow:0 2px 6px #00000059;position:relative}.theme-sw.on{border-color:var(--gold);box-shadow:0 0 0 2px #ffffff80}.theme-sw i{position:absolute;right:5px;bottom:5px;width:12px;height:12px;border-radius:50%}:root[data-theme=silver] :is(.pet-card,.trade,.guide-row,.place-card,.order,.q-row,.pskill,.ing,.chip,.seg button){background:#fff9;color:var(--linen)}:root[data-theme=silver] :is(.pet-status.good,.place-fam,.order-note){color:#2a6a3a}:root[data-theme=silver] :is(.pet-status.ok,.nametag .status,.trade .fav,.pname .where){color:#8a5a10}:root[data-theme=silver] .pet-status.bad{color:#a8321e}:root[data-theme=silver] .pskill.on{background:#c8a03c59;color:#4a3408}:root[data-theme=silver] .chip.on,:root[data-theme=silver] .seg button.on{background:var(--gild);color:var(--ink)}