.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:#0f1631;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;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{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-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.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)}
