/* Palworld feature views inside the reused The Isle frame. */
:root{--bg:var(--ground);--text:var(--ink);--muted:var(--dim);--mint:var(--cyan);--gold:var(--amber);--radius:var(--r)}

.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--panel3);font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap}
.button:hover{border-color:var(--cyan);color:var(--cyan)}.button.primary{background:var(--cyan);color:var(--xa-button-ink,#10252a);border-color:var(--cyan)}.button.ghost{background:transparent}.button.small{padding:7px 10px;font-size:11px}.button.full{width:100%}.button.violet{background:color-mix(in srgb,var(--violet) 15%,var(--panel));border-color:var(--violet)}.button:disabled{opacity:.45;cursor:not-allowed}
.button svg, .text-button svg{width:17px;height:17px}.text-button{display:inline-flex;align-items:center;gap:6px;color:var(--cyan);background:none;border:0;padding:5px 0;font-size:11px;cursor:pointer}.pill.violet{color:var(--violet)}.pill.gold{color:var(--amber)}.pill.dim{color:var(--dim)}.panel{background:var(--xa-surface,var(--panel));border:1px solid var(--line);border-radius:var(--r)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:21px}.page-head h1{font:800 29px/1.15 Saira,sans-serif;margin:4px 0 8px}.page-description{font-size:12px;color:var(--dim);line-height:1.7;max-width:75ch}.eyebrow{display:block;font-family:Saira,sans-serif;font-size:10px;font-weight:750;letter-spacing:.18em;color:var(--cyan);margin-bottom:6px}.coin{color:var(--amber);font-weight:700;font-size:12px}.coin-symbol{display:inline-grid;place-items:center;border:1px solid var(--amber);border-radius:50%;height:14px;width:14px;font-size:8px;margin-right:4px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}.section-head h2{font:700 19px Saira,sans-serif;margin:0}.section-head p{font-size:11px;color:var(--dim);margin-top:5px}
.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.tabs{display:flex;flex-wrap:wrap;gap:6px}.tab{color:var(--muted);font-size:11px;padding:8px 12px;border:1px solid transparent;background:transparent;border-radius:8px}.tab.active{background:#84edc912;border-color:#84edc936;color:var(--mint)}.tab:hover{background:#273146}.search-field{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#151c2e;border-radius:9px;padding:8px 12px;color:var(--dim);min-width:240px}.search-field svg{width:16px}.search-field input{background:transparent;border:0;outline:none;width:100%;font-size:12px}.search-field input::placeholder{color:var(--dim)}.sample-notice{display:flex;align-items:center;gap:10px;background:#a58bdf0b;border:1px solid #8875aa33;border-radius:10px;padding:11px 14px;color:#a7a5c4;font-size:11px;margin-bottom:22px}.sample-notice svg{color:var(--violet);width:16px}.sample-notice .text-button{margin-left:auto;white-space:nowrap}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{border:1px solid var(--line);border-radius:15px;background:#171f32;overflow:hidden;position:relative}.product-card:hover{border-color:#67758b}.product-visual{height:173px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,var(--card-glow,#7ddecb24),transparent 65%),linear-gradient(145deg,#222c40,#1b2338)}.product-visual:after{content:'';position:absolute;bottom:14px;width:100px;height:12px;background:var(--card-glow,#7ddecb24);border-radius:50%;filter:blur(7px)}.product-visual img{width:145px;height:145px;object-fit:contain;z-index:1;filter:none;transition:transform .2s}.product-card:hover img{transform:translateY(-5px) scale(1.04)}.product-visual .pill{position:absolute;left:12px;top:12px;z-index:2;font-size:8px}.favorite{position:absolute;right:10px;top:9px;width:27px;height:27px;background:#151d2a88;border-radius:8px;color:#a0a8b9;display:grid;place-items:center;z-index:2}.favorite svg{width:15px}.favorite.saved{color:var(--pink)}.favorite.saved svg{fill:#f8a8d444}.product-info{padding:15px}.product-info h3{font-size:15px}.product-subtitle{font-size:10px;color:var(--muted);margin-top:5px;min-height:30px}.product-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:10px}.product-bottom .button{font-size:10px;padding:7px 10px}.catalog-grid.items-grid .product-visual{height:150px}.items-grid .product-visual img{width:100px;height:100px}.catalog-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted);font-size:13px}.mod-summary{display:flex;gap:18px;padding:22px;align-items:center;margin-bottom:20px}.mod-summary-icon{height:56px;width:56px;border-radius:17px;background:#78d7b717;display:grid;place-items:center;color:var(--mint);flex:none}.mod-summary-icon svg{width:27px;height:27px}.mod-summary h3{font-size:16px}.mod-summary p{font-size:11px;color:var(--muted);margin-top:6px}.mod-summary .summary-actions{margin-left:auto;display:flex;gap:8px}.mod-list{overflow:hidden}.mod-row{display:grid;grid-template-columns:42px minmax(0,1fr) 110px 90px 100px 45px;gap:16px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.mod-row:last-child{border-bottom:0}.mod-symbol{height:39px;width:39px;border-radius:11px;display:grid;place-items:center;background:#b8a3ff12;color:var(--violet)}.mod-title{font-size:13px;font-weight:650}.mod-desc{font-size:10px;color:var(--muted);margin-top:5px;max-width:400px}.mod-meta{font-size:10px;color:var(--muted)}.mod-meta small{display:block;color:var(--dim);margin-bottom:4px;font-size:9px}.mod-row .pill{justify-content:center}.toggle{position:relative;width:35px;height:20px;display:inline-block;cursor:pointer}.toggle input{opacity:0;width:0;height:0}.toggle span{position:absolute;inset:0;background:#374258;border-radius:100px;border:1px solid #4b5770}.toggle span:before{content:'';position:absolute;width:12px;height:12px;top:3px;left:3px;background:#b7c4d7;border-radius:50%;transition:transform .2s}.toggle input:checked+span{background:#68c5a766;border-color:#8be1c077}.toggle input:checked+span:before{transform:translateX(14px);background:var(--mint)}.toggle input:focus-visible+span{outline:2px solid var(--mint);outline-offset:3px}.toggle input:disabled+span{opacity:.5;cursor:not-allowed}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.tip-card{padding:19px;border:1px solid var(--line);border-radius:12px;background:#151c2a;color:var(--muted);font-size:11px}.tip-card strong{display:flex;align-items:center;gap:8px;color:var(--text);font-size:12px;margin-bottom:8px}.tip-card svg{color:var(--cyan);width:17px}.tip-card p{line-height:1.8}.rewards-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin:25px 0}.reward-day{border:1px solid var(--line);border-radius:13px;background:#1a2236;min-height:180px;padding:15px 10px;text-align:center;position:relative}.reward-day:first-child{border-color:#d5b97888;background:linear-gradient(145deg,#3b3235,#1e2537)}.reward-day:last-child{border-color:#ba97e75e;background:linear-gradient(145deg,#342943,#1c2437)}.reward-day .day{color:var(--muted);font-size:10px}.reward-day .reward-emoji{display:block;font-size:30px;margin:21px 0 13px}.reward-day strong{font-size:12px;color:var(--gold)}.reward-day small{display:block;color:var(--dim);margin-top:10px;font-size:9px}.rewards-banner{padding:24px;display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,#26364b,#25213a)}.rewards-banner>span{font-size:44px;filter:drop-shadow(0 5px 12px #0005)}.rewards-banner p{font-size:12px;color:var(--muted);margin-top:8px;max-width:600px}.rewards-banner>.button{margin-left:auto}.reward-status{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:12px}.reward-status p{font-size:11px;color:var(--muted);margin-top:6px}.wheel-layout{display:grid;grid-template-columns:minmax(420px,1fr) 310px;gap:25px}.wheel-stage{min-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#7965ba24,transparent 65%),linear-gradient(145deg,#181f32,#141b2d);position:relative;overflow:hidden}.wheel-stage .constellation{position:absolute;inset:30px;background-image:radial-gradient(#b8a3ff88 1px,transparent 1px);background-size:49px 47px;opacity:.3;mask-image:radial-gradient(ellipse,black,transparent 72%)}.wheel-wrap{width:350px;height:350px;position:relative;margin:24px 0 28px}.wheel-pointer{position:absolute;left:calc(50% - 11px);top:-8px;border-left:11px solid transparent;border-right:11px solid transparent;border-top:25px solid var(--gold);z-index:3;filter:drop-shadow(0 4px 5px #0006)}.wheel-disc{width:100%;height:100%;border:8px solid #cdb99a;border-radius:50%;background:conic-gradient(from -22.5deg,#465f73 0 45deg,#45395b 45deg 90deg,#314c4d 90deg 135deg,#5c4455 135deg 180deg,#465f73 180deg 225deg,#45395b 225deg 270deg,#314c4d 270deg 315deg,#66533d 315deg 360deg);box-shadow:0 0 0 6px #4b4659,0 0 0 7px #9d8baa66,0 15px 50px #03071966,inset 0 0 30px #0b142455;transition:transform 3.6s cubic-bezier(.12,.75,.13,1);position:relative}.wheel-disc:after{content:'';position:absolute;inset:8px;border:1px dashed #d6c9be88;border-radius:50%}.wheel-label{position:absolute;inset:18px 0 50%;text-align:center;transform-origin:50% 100%;transform:rotate(var(--angle));font-size:12px;font-weight:750;color:#f7e6ba;padding-top:14px}.wheel-label span{display:block;font-size:23px;margin-bottom:7px}.wheel-center{position:absolute;inset:calc(50% - 42px);width:84px;height:84px;border:5px solid #e4cfac;border-radius:50%;background:#232d42;display:grid;place-items:center;box-shadow:0 4px 16px #0006;color:var(--mint);font-size:24px;font-weight:800;z-index:2}.wheel-stage>.button{z-index:2;min-width:220px}.wheel-stage>p{color:var(--muted);font-size:10px;margin-top:14px;z-index:2}.prize-list{padding:22px}.prize-list h3{font-size:15px;margin-bottom:18px}.prize-row{display:flex;align-items:center;padding:12px 0;gap:12px;border-bottom:1px solid var(--line)}.prize-row:last-child{border-bottom:0}.prize-row>span{font-size:21px;width:30px;text-align:center}.prize-row strong{font-size:11px;display:block}.prize-row small{font-size:9px;color:var(--muted)}.prize-row>b{margin-left:auto;font-size:11px;color:var(--gold)}.wheel-result{min-height:22px;font-size:12px;color:var(--gold);margin-top:13px;z-index:2}.empty-state{text-align:center;padding:60px 30px}.empty-state .empty-icon{height:75px;width:75px;background:#b8a3ff11;color:var(--violet);border:1px solid #b8a3ff33;border-radius:23px;margin:0 auto 22px;display:grid;place-items:center}.empty-icon svg{width:32px;height:32px}.empty-state h2{font-size:22px}.empty-state p{font-size:12px;color:var(--muted);line-height:1.8;max-width:510px;margin:13px auto 23px}.wallet-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:23px}.wallet-card{padding:23px}.wallet-card small{color:var(--muted);font-size:11px}.wallet-card strong{display:block;font-size:24px;margin:13px 0 6px}.wallet-card p{font-size:10px;color:var(--dim)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-card{padding:23px}.settings-card h3{margin-bottom:8px}.settings-card>p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:19px}.form-field{display:block;margin-bottom:17px}.form-field>span{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.form-field input,.form-field select{width:100%;padding:10px 12px;background:#11182b;border:1px solid #35405a;border-radius:8px;font-size:12px}.setting-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.setting-row:last-of-type{border:0}.setting-row strong{font-size:12px;display:block}.setting-row small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.setting-row .pill{flex:none}.swatches{display:flex;gap:10px;margin:18px 0}.swatch{width:40px;height:30px;border-radius:9px;border:2px solid #607488;background:linear-gradient(135deg,#84edc9,#b8a3ff)}.swatch[data-theme=lavender]{background:linear-gradient(135deg,#b8a3ff,#f8a8d4)}.swatch[data-theme=ocean]{background:linear-gradient(135deg,#80e0f2,#82b0ff)}.swatch.active{outline:2px solid var(--mint);outline-offset:3px}.settings-bottom{margin-top:20px;display:flex;gap:10px}dialog{background:#192237;color:var(--text);border:1px solid #52617a;border-radius:18px;padding:0;width:min(570px,calc(100vw - 40px));max-height:calc(100dvh - 80px);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#040916bb;backdrop-filter:blur(7px)}#dialog-content{padding:27px}.dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.dialog-head h2{font-size:21px}.dialog-body{color:var(--muted);font-size:12px;line-height:1.9}.dialog-body p{margin-bottom:13px}.dialog-body .sample-notice{margin-top:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.dialog-server{display:flex;width:100%;align-items:center;gap:13px;padding:16px;margin-top:10px;background:#222d43;border:1px solid var(--line);border-radius:11px;text-align:left}.dialog-server.active{border-color:#84edc966}.dialog-server>span{color:var(--mint);width:30px;display:grid;place-items:center}.dialog-server strong{font-size:13px;color:var(--text);display:block}.dialog-server small{color:var(--muted);font-size:10px}.dialog-server>b{margin-left:auto;font-size:9px;color:var(--muted);font-weight:400}.cart-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row img{height:45px;width:45px;object-fit:contain}.cart-row>div{flex:1}.cart-row strong{font-size:12px;color:var(--text);display:block}.cart-row small{font-size:10px}.cart-row .quantity{display:flex;gap:8px;align-items:center;flex:none}.quantity button{border:1px solid var(--line);background:#2b374e;border-radius:5px;width:25px;height:25px;line-height:20px;color:var(--text)}.quantity span{color:var(--text);font-size:12px;min-width:12px;text-align:center}.cart-total{display:flex;justify-content:space-between;margin-top:20px;font-size:13px;color:var(--text)}.cart-total strong{color:var(--gold)}.search-results{display:grid;gap:8px;margin-top:15px}.search-results button{padding:12px 15px;text-align:left;background:#253149;border-radius:9px;font-size:13px;display:flex;align-items:center;gap:12px}.search-results button small{margin-left:auto;color:var(--dim)}#toast{position:fixed;bottom:54px;left:calc(50% + 90px);transform:translateX(-50%);z-index:100;background:#2b3d4c;color:#defbef;border:1px solid #92ddbd66;padding:13px 20px;border-radius:12px;box-shadow:0 10px 40px #0008;font-size:12px;max-width:min(650px,85vw);text-align:center;animation:toast-in .2s ease-out}.settings-info{margin-top:18px;font-size:10px;color:var(--dim);line-height:1.8}.list-detail{display:grid;gap:10px;margin-top:14px}.list-detail>div{background:#232e44;border-radius:8px;padding:11px 13px;display:flex;justify-content:space-between;gap:12px;font-size:11px}.list-detail strong{color:var(--text)}.no-motion *,.no-motion *:before,.no-motion *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.product-fallback{font-size:66px;filter:drop-shadow(0 8px 14px #0005);z-index:1}