.world-picker{color:#f3f1ec;width:min(1000px,calc(100% - 28px));max-height:90dvh;padding:28px;border:1px solid #aa793e;border-radius:14px;background:linear-gradient(130deg,#25231ff5,#0b0d12fa),url('game/konoha.jpg') center/cover;box-shadow:0 30px 100px #000b;overscroll-behavior:contain}
.world-picker::backdrop{background:#05070bd4;backdrop-filter:blur(7px)}.world-picker-header{display:flex;gap:20px;align-items:center;justify-content:space-between}.world-picker-header h2{margin:8px 0;font:36px Bangers,sans-serif}.world-picker-header button{background:#ffffff0d;border:1px solid #ffffff35;color:#fff;border-radius:50%;width:42px;height:42px;font:25px sans-serif;cursor:pointer}.world-picker-lead{color:#b8bfca;font-size:14px}.world-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.picker-world{border:1px solid #77705b66;background:#090b1099;border-radius:8px;overflow:hidden}.picker-world-select{width:100%;display:flex;align-items:center;gap:15px;text-align:left;padding:18px;background:transparent;color:#fff;border:0;cursor:pointer}.picker-world-select[aria-pressed=true]{background:#dfa54126;box-shadow:inset 3px 0 #ffbd50}.picker-world-badge{font:32px Bangers,sans-serif;color:#ffcd70;border:1px solid #cca45666;padding:8px;border-radius:5px}.picker-world-copy{flex:1}.picker-world-copy strong,.picker-world-copy small{display:block}.picker-world-copy small{color:#adb5bf;margin-top:7px;font-size:12px}.picker-status{color:#84c693;font-size:12px}.picker-world-select:disabled{opacity:.5;cursor:default}.picker-character{padding:12px 18px;border-top:1px solid #ffffff19;display:grid;grid-template-columns:1fr auto;gap:7px}.picker-character small{grid-column:1;font-size:11px;color:#b9c1ca}.picker-character button{grid-column:2;grid-row:1/3;background:#e8a239;color:#201405;border:0;border-radius:4px;padding:10px;cursor:pointer;font-weight:bold}.world-picker-message{font-size:13px;color:#ffcd8b;min-height:20px}.world-create{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:18px;padding-top:25px;border-top:1px solid #aa793e66}.world-create[hidden]{display:none}.ninja-preview{position:relative;display:grid;place-items:center;min-height:410px;background:radial-gradient(ellipse,#dea13826,transparent 65%);overflow:hidden}.ninja-preview img{position:relative;z-index:1;width:100%;height:430px;object-fit:contain;filter:drop-shadow(0 10px 20px #0008)}.ninja-preview-seal{position:absolute;font:280px serif;color:#d4a55813;transform:rotate(-15deg)}.world-create h3{font:30px Bangers,sans-serif;margin:8px 0}.world-create p{font-size:13px;line-height:1.7;color:#bbc2ce}.world-create fieldset{border:0;padding:0;margin:20px 0}.world-create legend,.world-create label[for]{font:600 13px 'Segoe UI',sans-serif;margin-bottom:8px;display:block}.ninja-options{display:flex;gap:8px}.ninja-options label{flex:1;position:relative}.ninja-options input{position:absolute;opacity:0;width:1px;height:1px}.ninja-options span{display:block;text-align:center;padding:11px 5px;border:1px solid #ffffff35;border-radius:5px;font-size:13px;cursor:pointer}.ninja-options input:checked+span{border-color:#ffbc50;background:#f5aa3126;color:#ffd481}.ninja-options input:focus-visible+span{outline:2px solid white;outline-offset:3px}.ninja-name-field{display:flex;gap:8px}.ninja-name-field input{min-width:0;flex:1;font-size:18px!important}.ninja-name-field button{width:48px;border:1px solid #a27745;background:#322719;color:#ffd078;font-size:30px;border-radius:5px;cursor:pointer}.world-create small{display:block;color:#abb4c1;font-size:11px;margin:9px 0 20px}.sidebar-servers{padding:18px 14px;grid-column:1/-1;border-top:1px solid #bc905939}.sidebar-servers h3{font:22px Bangers,sans-serif;margin:0 0 12px}.sidebar-world{display:grid;grid-template-columns:38px 1fr;gap:3px 10px;align-items:center;width:100%;border:1px solid #96734466;background:linear-gradient(110deg,#302515e0,#131418e0);border-radius:6px;color:#ede1cc;padding:12px 10px;text-align:left;margin:8px 0;cursor:pointer}.sidebar-world>b{grid-row:1/3;font:25px Bangers,sans-serif;color:#ffc260}.sidebar-world>span{font-size:12px;font-weight:700}.sidebar-world>small{font-size:10px;color:#c3ab81}.sidebar-world:disabled{opacity:.5;cursor:default}.sidebar-world:hover:not(:disabled){border-color:#e3ac50;background:#49341c}.feature .game-feature-art{display:block;width:100%;height:150px;object-fit:contain;filter:drop-shadow(0 10px 10px #0007);transition:transform .3s}.feature:hover .game-feature-art{transform:translateY(-6px)}.guide-scenery{width:100%;height:135px;object-fit:cover;border-radius:7px;margin:14px 0 20px;border:1px solid #d19c4444}.faq-mascot{width:100%;max-width:250px;height:240px;object-fit:contain;filter:drop-shadow(0 5px 15px #0008);margin-top:15px}
/* Vila: scene from the game, readable glass, movement tied to real data. */
.village-scene{position:relative;height:160px;margin:0 0 25px;border:1px solid #d6a84b66;border-radius:9px;overflow:hidden;background:linear-gradient(90deg,#071310b8,transparent 65%),url('game/konoha.jpg') center 45%/cover;display:flex;align-items:center;padding:24px}.village-scene>div{position:relative;z-index:1}.village-scene strong{font:32px Bangers,sans-serif;display:block;color:#fff4d5;text-shadow:0 2px 5px #000}.village-scene p{font-size:12px;color:#e2dfcf;max-width:290px;line-height:1.7;margin:8px 0}.village-scene>i{position:absolute;width:13px;height:6px;border-radius:90% 0;background:#b6bc5d88;left:var(--x);top:-12px;animation:leaf-drift var(--duration) linear infinite;animation-delay:var(--delay)}
#vila .metric-grid{gap:12px;border:0;background:none;margin-bottom:26px}#vila .metric{position:relative;overflow:hidden;min-width:0;border:1px solid #b4a2893d;border-radius:8px;background:linear-gradient(130deg,#30302b88,#0c1017b8);padding:20px 16px;transition:border-color .25s,transform .25s}#vila .metric>svg{position:absolute;right:14px;top:18px;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;color:#efb251a6}#vila .metric>span{display:block;padding-right:27px;color:#d8d8d2;font-size:12px}#vila .metric>strong{display:block;font:46px/1.2 Bangers,sans-serif;margin:18px 0 10px;color:#ffc267;letter-spacing:1px}#vila .metric:hover{transform:translateY(-3px);border-color:#dba34d8c}#vila .metric small{color:#b4bdc7;font-size:11px}#vila .chart-panel{position:relative;border-radius:9px;background:linear-gradient(125deg,#272825b8,#0b101ae6);border-color:#b3a17a4a;min-width:0}#vila .chart-heading h3{font:26px Bangers,sans-serif;letter-spacing:.4px}#vila .donut{box-shadow:0 0 30px #ee9d3017;outline:1px solid #eab95833;outline-offset:7px}#vila .donut>div{background:#111722}#vila .bar-track i{background:linear-gradient(#ffd078,#e7842a);box-shadow:0 -3px 15px #d8942c24;transition:height .75s cubic-bezier(.2,.7,.3,1)}#vila .bar-column:hover i{filter:brightness(1.15)}#vila .live-status{padding:9px 12px;border:1px solid #75a98144;border-radius:20px;background:#29403233;font-size:10px}#vila .live-status:not(.offline) i{animation:live-pulse 2.5s ease-out infinite}#vila .metric.data-changed{animation:metric-update .8s ease-out}.village-section.is-revealed .chart-panel{animation:panel-arrive .55s ease both}.village-section.is-revealed .chart-panel:nth-child(2){animation-delay:.1s}
@keyframes live-pulse{0%{box-shadow:0 0 0 0 #7bbc8580}70%,100%{box-shadow:0 0 0 7px #7bbc8500}}@keyframes leaf-drift{to{transform:translate(120px,210px) rotate(210deg)}}@keyframes metric-update{30%{background-color:#d99b333b;border-color:#ffc368}}@keyframes panel-arrive{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.world-picker{padding:18px;max-height:94dvh}.world-picker-header h2{font-size:28px}.world-picker-list{grid-template-columns:1fr}.world-create{grid-template-columns:1fr;gap:12px}.ninja-preview{min-height:210px}.ninja-preview img{height:240px}.world-create fieldset{margin:15px 0}.world-picker-lead{font-size:12px}.feature .game-feature-art{height:125px}.faq-mascot{height:160px}.village-scene{height:150px;padding:18px}.village-scene strong{font-size:28px}#vila .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#vila .metric{padding:15px 12px}#vila .metric>svg{width:19px;height:19px;right:10px;top:13px}#vila .metric>span{font-size:11px}#vila .metric>strong{font-size:36px;margin:12px 0}#vila .metric small{font-size:10px}.village-section .charts-grid{grid-template-columns:1fr}#vila .chart-panel{padding:20px 15px}#vila .chart-heading{gap:10px}#vila .chart-heading h3{font-size:23px}#vila .donut-layout{gap:25px}#vila .section-heading{align-items:flex-start;flex-direction:column}#vila .live-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){.village-scene>i,#vila .live-status i,#vila .metric.data-changed,.village-section.is-revealed .chart-panel{animation:none!important}.village-scene>i{display:none}#vila .bar-track i,#vila .metric,.feature .game-feature-art{transition:none!important}}
body:has(.world-picker[open]){overflow:hidden}.world-picker-header{position:sticky;top:-28px;z-index:3;background:#1a1b1bf5;padding:12px 0}.world-picker[open]{animation:panel-arrive .2s ease}@media(max-width:650px){.world-picker-header{top:-18px}}@media(prefers-reduced-motion:reduce){.world-picker[open]{animation:none}}

.wallet-panel>.section-heading,.billing-intro{padding:18px;border:1px solid #b3a17a4a;border-radius:8px;background:#12161ddd}.wallet-balance{position:relative;overflow:hidden}.wallet-balance:after{content:"忍";position:absolute;right:12px;bottom:-20px;font:150px serif;color:#e0b9740a;pointer-events:none}
.authenticated #vila>.container{width:100%;padding:24px;box-sizing:border-box;border:1px solid var(--jn-glass-border);border-radius:10px;background:var(--jn-glass);backdrop-filter:blur(8px)}#vila .metric{background:linear-gradient(130deg,#272825e0,#0c1017eb)}@media(max-width:650px){.authenticated #vila>.container{padding:18px 12px}}