@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--df-orange: #FF6600;--df-navy: #0A2463;--df-cream: #FAFAF7;--df-ink: #10254d;--df-gold: #f7c86c}*{box-sizing:border-box}body{margin:0;padding:0;background:radial-gradient(circle at top left,rgba(255,102,0,.2),transparent 35%),radial-gradient(circle at bottom right,rgba(255,235,196,.18),transparent 30%),var(--df-navy);font-family:IBM Plex Sans,sans-serif;color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center;min-height:100svh;-webkit-user-select:none;user-select:none}#game-container{position:relative;width:min(100vw,134svh);height:min(100svh,calc(100vw / 1.34));max-width:1200px;aspect-ratio:4/3;overflow:hidden;border-radius:28px;box-shadow:0 32px 90px #00000059;background:linear-gradient(180deg,#1e4f8f,#10254d 52%,#09162f);border:1px solid rgba(255,255,255,.12);touch-action:manipulation}#scene-art-layer,#scene-gradient-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#scene-art-layer{background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.85;transition:opacity .4s ease,background-image .4s ease;filter:saturate(1.15) brightness(.85)}#scene-gradient-layer{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 30%),linear-gradient(0deg,rgba(9,22,47,.35),transparent 35%)}canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;image-rendering:pixelated;z-index:1;touch-action:none}#hud-top{position:absolute;top:0;left:0;width:100%;background:#0a2463e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);padding:6px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;z-index:10;overflow:visible;min-height:36px}#hud-top>div{min-width:0;flex-wrap:wrap;gap:4px 8px;overflow:visible}#hud-top span,#hud-top a,#hud-top button{white-space:nowrap}#hud-bottom{position:absolute;bottom:0;left:0;width:100%;background:#0a2463d6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.12);padding:8px 12px;display:flex;justify-content:center;flex-wrap:wrap;gap:16px;font-size:12px;z-index:10;color:#ffffffdb}#hud-utility-dock{position:absolute;top:3px;left:50%;transform:translate(-50%);z-index:16;display:flex;gap:6px;align-items:center}.utility-pill{min-height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#ffffffd9;padding:0 10px;font-weight:600;font-size:11px;display:flex;align-items:center;gap:4px;transition:all .15s}.dock-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.mobile-btn-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.utility-pill:hover{background:#ff6600e0}#dialog-panel{position:absolute;bottom:56px;left:50%;transform:translate(-50%);width:min(92%,780px);background:#0a2463f5;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:16px;display:none;z-index:50;-webkit-user-select:text;user-select:text;box-shadow:0 18px 40px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-height:min(72svh,calc(100svh - 108px));overflow-y:auto;overscroll-behavior:contain;touch-action:auto;pointer-events:auto}.dialog-layout{display:flex;align-items:flex-start;gap:16px;width:100%}.npc-portrait{width:92px;height:92px;border-radius:28px;border:2px solid rgba(255,102,0,.6);background:#000;overflow:hidden;flex-shrink:0;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}#portrait-image{width:100%;height:100%;object-fit:cover;display:none}#portrait-video{width:100%;height:100%;object-fit:cover;display:none;background:#000}#portrait-canvas{width:100%;height:100%}.dialog-text{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:19px;color:#fffaf0;line-height:1.7;letter-spacing:.01em}.level-up-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:levelUpFadeIn .5s ease-out}@keyframes levelUpFadeIn{0%{opacity:0}to{opacity:1}}.level-up-content{text-align:center;animation:levelUpBounce .6s ease-out}@keyframes levelUpBounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.level-up-particles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#FF6600 1px,transparent 1px),radial-gradient(circle,#FFD700 1px,transparent 1px);background-size:40px 40px,60px 60px;background-position:0 0,20px 20px;opacity:.15;animation:confettiDrift 3s linear infinite}@keyframes confettiDrift{0%{transform:translateY(0)}to{transform:translateY(-40px)}}.btn,.mini-btn,.utility-pill,.choice-card,.badge-card,.cosmetic-card,.market-card,.sound-item-card,.inventory-row,.map-room-node{transition:transform .15s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}#dialog-panel{transition:transform .25s ease,opacity .2s ease}#interaction-toast{transition:opacity .2s ease,transform .2s ease}.card-shell,.dialog-text,.card-title,.card-copy,.card-kicker,.overlay-header,.overlay-body,#npc-reply-text{overflow-wrap:break-word;word-break:break-word}.npc-typing{display:inline-flex;gap:3px;font-size:24px;color:#ffffff80}.npc-typing span{animation:npcBounce 1.2s infinite}.npc-typing span:nth-child(2){animation-delay:.2s}.npc-typing span:nth-child(3){animation-delay:.4s}@keyframes npcBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.choice-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#1e5c9bf5,#13487cf5);color:#fff;padding:14px 15px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:rgba(255,102,0,.3);touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative;z-index:1;transition:transform .16s ease,background .2s ease,border-color .2s ease}.choice-card:active{transform:scale(.97);background:linear-gradient(180deg,#2976c2fa,#185897fa)}.choice-card:hover{transform:translateY(-1px);border-color:#ffca8573;background:linear-gradient(180deg,#2976c2fa,#185897fa)}.choice-card .choice-copy{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.55;font-weight:600}.choice-card .choice-meta{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.72;margin-bottom:4px}.choice-helper{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff8dc;font-weight:700;font-size:13px}.choice-helper:hover{background:#ffffff2e}.choice-translation{margin-top:8px;padding:10px 12px;border-radius:12px;background:#ffffff14;color:#ffffffd9;font-size:12px;line-height:1.4}.badge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.badge-card{border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;padding:10px 8px;display:grid;gap:8px;justify-items:center;min-height:102px;text-align:center;font-size:11px;font-weight:700}.badge-card.active{border-color:#ff6600c2;background:#ff660038;box-shadow:0 14px 30px #ff66002e}.badge-card.locked{opacity:.42;filter:grayscale(.8)}.badge-card img{width:48px;height:48px;object-fit:contain;border-radius:14px;background:#ffffffeb;padding:4px}.action-picker-grid{display:flex;flex-wrap:wrap;gap:6px}.action-picker-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;touch-action:manipulation}.action-picker-btn:hover{background:#f603;border-color:#f606}.action-picker-btn:active{transform:scale(.96)}.action-picker-icon{font-size:16px}.action-picker-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}#mobile-action-bar{position:absolute;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:24;display:none;gap:10px;align-items:center;justify-content:space-between}.mobile-action-btn{flex:1 1 0;min-height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#0a2463d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0a2463;font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;box-shadow:0 4px 12px #0003}.mobile-action-btn.primary{background:linear-gradient(180deg,#ff7a1ae6,#ff6600e6);color:#fff;border-color:#ffffff4d}#mobile-walk-tip{position:absolute;left:16px;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));z-index:24;display:none;border-radius:20px;background:#0a2463eb;border:1px solid rgba(255,255,255,.14);padding:14px 16px;color:#fff;box-shadow:0 20px 40px #0003}#interaction-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff6600e6;color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;pointer-events:none;display:none;z-index:15;text-shadow:1px 1px 0px rgba(0,0,0,.5)}#start-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#081735d1,#081735f2),url(https://fluencyrunner.b-cdn.net/background4.png) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;overflow-y:auto;overscroll-behavior:contain}.btn{background:var(--df-orange);color:#fff;border:none;padding:12px 20px;font-size:16px;font-family:IBM Plex Sans,sans-serif;font-weight:700;border-radius:999px;cursor:pointer;transition:transform .16s ease,background .2s ease,box-shadow .2s ease;outline:none;box-shadow:0 10px 24px #ff660038}.btn:hover{background:#f83;transform:translateY(-1px)}.btn:active{transform:scale(.95)}.hero-shell{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch;animation:heroFadeIn .8s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-panel{background:linear-gradient(160deg,#fff8f0f2,#fafaf7eb);color:var(--df-ink);border-radius:28px;padding:28px;box-shadow:0 20px 50px #00000029}.hero-art{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(255,102,0,.28),transparent 40%),radial-gradient(circle at bottom right,rgba(247,200,108,.2),transparent 40%),linear-gradient(180deg,#0a24630f,#0a24632e),var(--df-cream);min-height:420px}.hero-title{font-family:Fraunces,serif;font-size:clamp(2.4rem,4vw,4.2rem);line-height:.95;letter-spacing:-.04em;margin:0 0 12px;background:linear-gradient(135deg,#0a2463,#f60);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#ff66001f,#f7c86c26);color:var(--df-orange);font-weight:700;font-size:.78rem;margin-bottom:16px;letter-spacing:.04em;text-transform:uppercase}.hero-copy{color:#10254dd9;font-size:1.1rem;line-height:1.6;font-weight:600}.hero-copy-sub{color:#10254da6;font-size:.92rem;line-height:1.7;margin-top:8px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(10,36,99,.08);border-radius:999px;padding:8px 12px;font-size:.8rem;color:#10254dc2}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-entry{margin-top:18px;border-radius:24px;border:1px solid rgba(10,36,99,.08);background:#ffffffd1;padding:16px}.hero-form-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.hero-input,.hero-select{width:100%;min-height:52px;border-radius:18px;border:1px solid rgba(10,36,99,.12);background:#fff;color:var(--df-ink);padding:0 14px;font:inherit;font-weight:600}.hero-level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.hero-level-btn{min-height:46px;border-radius:16px;border:1px solid rgba(10,36,99,.12);background:#ffffffe0;color:var(--df-navy);font-weight:700;font-size:14px}.hero-level-btn.active{background:linear-gradient(180deg,#ff7a1a,#f60);color:#fff;border-color:#ffffff38;box-shadow:0 12px 24px #f603}.hero-inline-note{margin-top:10px;color:#10254da8;font-size:.86rem;line-height:1.55}.btn-secondary{background:#0a246314;color:var(--df-navy);box-shadow:none}.hero-mascot{position:absolute;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(10,36,99,.22))}.hero-mascot.left{width:220px;left:18px;bottom:16px}.hero-mascot.right{width:220px;right:18px;bottom:12px}.hero-logo{width:78px;height:78px;object-fit:contain;margin-bottom:12px}.ambient-chip{position:absolute;background:#ffffffe0;color:var(--df-navy);border-radius:999px;padding:8px 12px;font-size:.78rem;box-shadow:0 14px 24px #0a24631f}.ambient-chip.one{top:22px;right:24px}.ambient-chip.two{top:78px;left:24px}.ambient-chip.three{bottom:24px;left:50%;transform:translate(-50%)}.overlay-panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#060e1ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:120;display:none;flex-direction:column;max-height:100svh;-webkit-user-select:text;user-select:text;overflow:hidden}.overlay-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:#0a2463eb;border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0}.overlay-body{flex:1;overflow-y:auto;padding:18px;min-height:0}.card-shell{background:#fafaf7f5;border-radius:24px;color:var(--df-ink);padding:20px;box-shadow:0 22px 50px #00000038}.stat-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat-chip{border-radius:18px;background:#ffffffdb;border:1px solid rgba(10,36,99,.08);padding:14px;display:grid;gap:4px;box-shadow:inset 0 1px #ffffff73}.stat-chip-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#10254d85;font-weight:700}.stat-chip-value{font-size:1.1rem;font-weight:800;color:var(--df-navy)}.inventory-list,.sound-item-grid,.cosmetic-slot-grid,.market-list{display:grid;gap:12px}.inventory-row,.sound-item-card,.cosmetic-card,.market-card{border-radius:22px;background:#fffffff0;border:1px solid rgba(10,36,99,.08);padding:16px;box-shadow:0 12px 24px #0f172a14}.sound-item-card.active,.cosmetic-card.active,.market-card.active{border-color:#ff66006b;box-shadow:0 16px 32px #ff660024}.cosmetic-card.locked{opacity:.62;filter:grayscale(.28);background:#f8fafceb}.inventory-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#10254d75;font-weight:800}.card-title{margin-top:4px;font-size:1rem;font-weight:800;color:var(--df-navy)}.card-copy{margin-top:6px;color:#10254db8;font-size:.94rem;line-height:1.55}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mini-btn{min-height:42px;border-radius:999px;border:1px solid rgba(10,36,99,.12);background:#0a246314;color:var(--df-navy);padding:0 14px;font-weight:700;font-size:13px}.mini-btn.primary{background:linear-gradient(180deg,#ff7a1a,#f60);color:#fff;border-color:#ffffff38}.mini-btn.ghost{background:#ffffffb8}.mini-btn:disabled{opacity:.5;cursor:not-allowed}#studio-preview-canvas{width:min(100%,200px);max-width:200px;aspect-ratio:1 / 1;border-radius:50%;background:linear-gradient(135deg,#ffffff1f,#fff6e914);border:3px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #00000040}.market-form{display:grid;gap:12px}.market-form input,.market-form textarea,.market-form select{width:100%;border-radius:18px;border:1px solid rgba(10,36,99,.12);background:#fff;color:var(--df-ink);padding:12px 14px;font:inherit}.market-form textarea{min-height:112px;resize:vertical}#room-intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:none;align-items:center;justify-content:center;background:#060e1e6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.room-intro-card{width:min(86%,760px);border-radius:28px;overflow:hidden;background:#081735db;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px #0000004d;position:relative;display:flex;flex-direction:column;max-height:min(84svh,720px);touch-action:pan-y}.room-intro-close,.dialog-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#060e1ead;color:#fff;font-size:22px;font-weight:700;cursor:pointer;z-index:3}.dialog-close{top:10px;right:10px;width:34px;height:34px;font-size:18px;background:#ffffff14}#room-intro-video,#room-intro-poster{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:none;background:#0a2463}.room-intro-copy{padding:18px 20px 20px;color:#fff;overflow-y:auto}#boat-trip-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:38;display:none;align-items:center;justify-content:center;background:#060e1e94;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px}.boat-trip-card{width:min(100%,820px);max-height:min(92svh,780px);display:grid;gap:0;overflow:hidden;border-radius:28px;background:#081735f2;border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 70px #00000059}.boat-trip-media{position:relative;background:#07101f}#boat-trip-video,#boat-trip-poster{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#07101f}#boat-trip-video{display:none}.boat-trip-copy{padding:18px 20px 20px;display:grid;gap:12px;overflow-y:auto}.boat-trip-progress{display:flex;gap:6px}.boat-trip-progress span{flex:1 1 0;height:6px;border-radius:999px;background:#ffffff1f}.boat-trip-progress span.active{background:linear-gradient(90deg,#ff8a1d,#ffd08a)}.boat-trip-actions{display:flex;flex-wrap:wrap;gap:10px}.map-frame{display:flex;gap:0;background:#0a0e1a;border-radius:16px;border:3px solid #2a1a00;box-shadow:inset 0 0 40px #00000080,0 8px 32px #0006;overflow:hidden}.map-skills-col{display:flex;flex-direction:column;gap:4px;padding:8px 6px;background:linear-gradient(180deg,#1a0e00,#0d1520,#1a0e00);border-right:2px solid #3a2a10;min-width:52px;align-items:center;justify-content:center}.map-skills-right{border-right:none;border-left:2px solid #3a2a10}.map-skill-orb{position:relative;width:40px;height:40px;cursor:default}.map-skill-orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;mask:radial-gradient(transparent 55%,black 56%);-webkit-mask:radial-gradient(transparent 55%,black 56%)}.map-skill-orb-inner{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#1a2a4a,#0a1020);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.map-skill-orb-icon{font-size:12px;line-height:1}.map-skill-orb-lvl{font-size:8px;font-weight:800;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1}.map-center{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.map-compass{position:absolute;top:8px;right:8px;z-index:5;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2a1a00,#0a0500);border:2px solid #aa7722;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:gold;text-shadow:0 0 6px rgba(255,215,0,.5);box-shadow:0 2px 8px #0006}.map-stats-bar{display:flex;gap:12px;padding:6px 12px;background:linear-gradient(90deg,#1a0e00,#0d1520,#1a0e00);border-bottom:1px solid #3a2a10;font-size:10px;font-weight:600;color:#ffd700b3;justify-content:center;flex-wrap:wrap}.map-viewport{width:100%;height:min(70vh,550px);overflow:auto;border-radius:12px;background:#060c18;position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y}.map-world{position:relative;min-width:100%;min-height:100%}.map-lines{position:absolute;top:0;left:0;pointer-events:none}.map-room-card{position:absolute;border-radius:12px;border:2px solid rgba(255,255,255,.15);background-size:cover;background-position:center;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.map-room-card:hover{transform:scale(1.08);box-shadow:0 8px 24px #00000080;z-index:5}.map-room-fog{background:#ffffff0a;border-color:#ffffff14;cursor:default}.map-room-fog:hover{transform:none;box-shadow:none}.map-room-mystery{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;color:#ffffff1f;font-weight:700}.map-room-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000bf,#0003,#0000000d);display:flex;flex-direction:column;justify-content:flex-end;padding:6px 8px;border-radius:10px}.map-room-name{font-size:10px;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-room-stats{display:flex;gap:4px;font-size:8px;color:#ffffffa6;margin-top:2px}.map-room-online{color:#22c55e}.map-room-bar{height:2px;border-radius:1px;background:#ffffff26;margin-top:3px;overflow:hidden}.map-room-bar>div{height:100%;border-radius:1px;transition:width .3s}.map-room-active{box-shadow:0 0 20px #ff660080,0 0 40px #f603;z-index:3}.map-room-pulse{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:#f60;animation:mapPulse 1.5s infinite}@keyframes slipBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(-15deg)}50%{transform:translateY(0) rotate(10deg)}75%{transform:translateY(-10px) rotate(-5deg)}}@keyframes mapPulse{0%,to{opacity:1;box-shadow:0 0 #f609}50%{opacity:.7;box-shadow:0 0 0 6px #f600}}#df-radio{position:absolute;bottom:56px;left:12px;z-index:20;width:min(300px,calc(100% - 24px));border-radius:12px;border:1px solid rgba(255,102,0,.25);background:#0a101ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0006;overflow:hidden;pointer-events:auto}.df-radio-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .15s}.df-radio-bar:hover{background:#ffffff0d}.df-radio-indicator{width:8px;height:8px;border-radius:50%;background:#f60;animation:radioPulse 1.5s infinite;flex-shrink:0}@keyframes radioPulse{0%,to{opacity:1;box-shadow:0 0 #f606}50%{opacity:.6;box-shadow:0 0 0 4px #f600}}.df-radio-title{font-size:9px;font-weight:700;color:#f60;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.df-radio-song{font-size:11px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.df-radio-close{width:20px;height:20px;border-radius:50%;border:none;background:#ffffff14;color:#ffffff80;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.df-radio-close:hover{background:#ffffff26;color:#fff}#df-radio-player{border-top:1px solid rgba(255,255,255,.06)}#df-radio-player iframe{display:block}.df-radio-follow{display:block;text-align:center;padding:8px;font-size:10px;color:#f60;text-decoration:none;font-weight:600;border-top:1px solid rgba(255,255,255,.06)}.df-radio-follow:hover{background:#ff66001a}@media(max-width:768px){#df-radio{bottom:calc(52px + env(safe-area-inset-bottom));left:8px;width:min(260px,calc(100% - 16px))}}#game-hud-rs{position:absolute;top:52px;right:8px;z-index:15;display:flex;align-items:flex-start;gap:4px;pointer-events:auto}@media(min-width:769px){#game-hud-rs{top:56px;right:14px}}#hud-rs-left{display:flex;flex-direction:column;gap:3px;padding-top:8px}.hud-orb{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1a2a4a,#060d1a);border:2px solid #3a2a10;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080;cursor:default;position:relative}.hud-orb-icon{font-size:11px;line-height:1;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.hud-orb-icon .game-icon{width:18px!important;height:18px!important;object-fit:contain}.game-icon{display:inline-block;vertical-align:middle;object-fit:contain}.hud-orb-val{font-size:8px;font-weight:800;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.9);line-height:1}.hud-orb-xp{border-color:#b8860b}.hud-orb-rooms{border-color:#1565c0}.hud-orb-coins{border-color:#2e7d32}.hud-orb-bike{border-color:#6a1b9a;cursor:pointer}.hud-orb-bike:active{transform:scale(.9)}.hud-orb-bike-on{border-color:#ab47bc;box-shadow:0 0 8px #ab47bc80}.hud-popup{display:none;position:absolute;z-index:20;background:#0a1428f2;border:1px solid rgba(255,215,0,.3);border-radius:10px;padding:8px 12px;font-size:11px;color:#fff;line-height:1.4;white-space:nowrap;box-shadow:0 4px 16px #00000080;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#hud-rs-minimap{width:150px;height:150px;border-radius:50%;border:3px solid #6b4a1a;background:#060d1a;overflow:hidden;cursor:pointer;position:relative;box-shadow:0 4px 16px #00000080,inset 0 0 20px #0006,0 0 0 1px #ffd70026;transition:box-shadow .2s}#hud-rs-minimap:hover{box-shadow:0 4px 20px #0009,inset 0 0 20px #0006,0 0 16px #f606;border-color:#8b6a2a}#hud-rs-minimap canvas{display:block;width:100%;height:100%;border-radius:50%}.hud-minimap-compass{position:absolute;top:4px;left:50%;transform:translate(-50%);z-index:3;font-size:10px;font-weight:900;color:gold;text-shadow:0 0 4px rgba(255,215,0,.5),0 1px 2px rgba(0,0,0,.8)}#mini-map-label{position:absolute;bottom:2px;left:50%;transform:translate(-50%);z-index:3;font-size:8px;font-weight:700;color:gold;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;text-align:center}#hud-rs-right{padding-top:8px}#hud-rs-skills{display:grid;grid-template-columns:1fr 1fr;gap:2px}.hud-skill-pip{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1a2a4a,#060d1a);border:1.5px solid #3a2a10;display:flex;align-items:center;justify-content:center;font-size:9px;cursor:default;position:relative;box-shadow:0 1px 4px #0006}.hud-skill-pip-lvl{position:absolute;bottom:-1px;right:-2px;font-size:7px;font-weight:800;color:gold;text-shadow:0 1px 2px rgba(0,0,0,.9);background:#000000b3;border-radius:4px;padding:0 2px;line-height:1.1}#chat-container{position:absolute;left:12px;bottom:56px;z-index:18;width:min(280px,calc(100% - 24px));pointer-events:auto;display:grid;gap:8px;align-items:start;justify-items:start}.chat-shell{border-radius:22px;border:1px solid rgba(255,255,255,.14);background:#081735d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 48px #00000038;overflow:hidden}#chat-container.compact{width:auto;max-width:calc(100% - 24px)}.chat-shell.minimized{width:fit-content;max-width:min(220px,calc(100vw - 24px))}.chat-shell.minimized #chat-feed,.chat-shell.minimized .chat-input-row{display:none}.chat-shell.minimized .chat-header{padding:10px 12px;border-bottom:0;min-width:0}.chat-shell.minimized .chat-subtitle{display:none}.chat-shell.minimized .chat-title{font-size:10px;letter-spacing:.18em}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}#chat-feed{max-height:190px;overflow-y:auto;padding:12px 14px 4px;display:grid;gap:8px}.chat-row{border-radius:16px;padding:10px 12px;background:#ffffff14;color:#fff;font-size:12px;line-height:1.45}.chat-row.self{background:#ff66002e;border:1px solid rgba(255,152,64,.22)}.chat-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8c}.chat-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 12px 12px}#chat-input{width:100%;min-height:46px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;color:#fff;padding:0 14px;font-size:14px;outline:none}#chat-send{min-width:88px;border-radius:16px;border:0;background:linear-gradient(180deg,#ff7a1a,#f60);color:#fff;font-weight:700;font-size:13px;padding:0 14px}#room-intro-name{font-family:Fraunces,serif;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1;margin:0 0 8px;letter-spacing:-.03em}#room-intro-line{color:#ffffffd1;line-height:1.6;font-size:.98rem;margin:0}#loading-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--df-orange);border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-left:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.hero-shell{grid-template-columns:1fr}.hero-art{min-height:200px}.hero-mascot.left,.hero-mascot.right{width:120px}}@media(max-width:768px){body{align-items:stretch}#game-container{width:100vw;height:100svh;aspect-ratio:auto;border-radius:0;max-width:none}#hud-top{flex-direction:column;align-items:stretch;gap:8px;overflow:visible}#hud-bottom{gap:10px;font-size:11px;padding-bottom:calc(78px + env(safe-area-inset-bottom))}#hud-utility-dock{top:3px;left:50%;transform:translate(-50%);right:auto;bottom:auto;flex-direction:row;align-items:center;gap:4px;max-width:calc(100% - 180px)}.utility-pill{min-height:24px;padding:0 8px;font-size:9px;border-radius:8px;min-width:0;background:#ffffff14;color:#fffc}#dialog-panel{width:calc(100% - 16px);bottom:calc(78px + env(safe-area-inset-bottom));padding:14px;max-height:calc(100svh - 154px)}.dialog-layout{gap:14px;flex-direction:column}.npc-portrait{width:120px;height:120px;border-radius:28px}.choice-card{padding:16px}.dialog-text{font-size:20px;line-height:1.75}#mobile-action-bar{display:flex}#game-hud-rs{top:40px;right:4px;gap:2px}#hud-rs-minimap{width:100px;height:100px;border-width:2px}.hud-orb{width:30px;height:30px}.hud-orb-icon{font-size:9px}.hud-orb-val{font-size:7px}.hud-skill-pip{width:18px;height:18px;font-size:7px}.hud-skill-pip-lvl{font-size:6px}.hud-minimap-compass{font-size:8px}#mini-map-label{font-size:7px;max-width:80px}.map-skills-col{min-width:38px;padding:4px 3px;gap:2px}.map-skill-orb{width:32px;height:32px}.map-skill-orb-icon{font-size:10px}.map-skill-orb-lvl{font-size:7px}.map-stats-bar{font-size:9px;gap:6px;padding:4px 8px}.map-viewport{height:min(55vh,400px)}#chat-container{left:8px!important;right:auto;width:auto!important;max-width:calc(55% - 8px);bottom:calc(146px + env(safe-area-inset-bottom))!important}#chat-container.compact{left:8px!important;right:auto;width:auto!important;max-width:calc(50% - 8px)}.chat-shell.minimized{max-width:min(170px,calc(100vw - 16px))}.chat-shell.minimized .chat-header{padding:8px 10px;gap:8px}#chat-feed{max-height:148px}#start-screen{padding:12px;align-items:flex-start;padding-top:calc(12px + env(safe-area-inset-top))}.hero-shell{width:100%}.hero-panel{padding:18px;border-radius:20px}.hero-title{font-size:clamp(1.8rem,7vw,2.6rem)}.hero-art{min-height:160px}.hero-mascot.left,.hero-mascot.right{width:100px}.hero-pills{gap:6px}.hero-pill{padding:6px 10px;font-size:.72rem}.hero-copy{font-size:.95rem}.hero-copy-sub{font-size:.82rem}.hero-actions .btn{width:100%;justify-content:center}.room-intro-card{width:calc(100% - 16px);max-height:calc(100svh - 24px)}.room-intro-copy{padding:16px 16px 18px}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.boat-trip-card{width:100%;max-height:calc(100svh - 20px)}.boat-trip-copy{padding:16px}.overlay-header{padding:14px 16px}.overlay-body{padding:14px}.card-shell,.sound-item-card,.cosmetic-card,.market-card,.inventory-row{border-radius:20px}.inventory-row{align-items:flex-start;flex-direction:column}.stat-chip-grid,.color-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#studio-preview-canvas{max-width:220px}}.skill-popup{position:fixed;top:40%;left:50%;transform:translate(-50%);z-index:200;pointer-events:none;animation:skillFloat 1.5s ease-out forwards;font-family:system-ui,sans-serif;font-weight:900;font-size:28px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);text-align:center}@keyframes skillFloat{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1.2)}60%{opacity:1;transform:translate(-50%) translateY(-60px) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-120px) scale(.8)}}@media(max-height:500px){#start-screen{padding:8px;align-items:flex-start}.hero-title{font-size:1.6rem}.hero-art,.hero-copy-sub{display:none}.hero-panel{padding:14px}#hud-top{padding:4px 8px;font-size:11px}#hud-bottom{padding:4px 8px;font-size:10px;gap:8px}#dialog-panel{max-height:calc(100svh - 80px)}}