@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&family=Klee+One:wght@400;600&family=Patrick+Hand&family=Quicksand:wght@500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #3a2718;--ink-soft: #6b4d33;--paper: #fff4d2;--paper-hi: #fffaeb;--paper-lo: #f0d999;--paper-edge: #d6a85a;--paper-edge-deep: #a17328;--leaf: #5ba35a;--leaf-deep: #2f6630;--leaf-shadow: #224b1e;--moss: #7eaa4e;--gold: #e6b257;--rose: #d97a8d;--sky: #c6e3ec;--font-brush: "Caveat", "Segoe Script", cursive;--font-hand: "Patrick Hand", "Quicksand", ui-sans-serif, system-ui, sans-serif;--font-storybook: "Klee One", "Patrick Hand", "Quicksand", ui-serif, serif;--font-body: "Quicksand", ui-sans-serif, system-ui, sans-serif;--paper-noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.48  0 0 0 0 0.33  0 0 0 0 0.14  0 0 0 0.16 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");--paper-bg: var(--paper-noise), radial-gradient(140% 100% at 50% 0%, var(--paper-hi) 0%, var(--paper) 48%, var(--paper-lo) 100%);--tilt-l: -.55deg;--tilt-r: .4deg}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:var(--font-body);background:#cfe8f7;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}canvas{touch-action:none;display:block}input,textarea{touch-action:auto;-webkit-user-select:text;user-select:text}.brush{font-family:var(--font-brush);font-weight:700;letter-spacing:1px;line-height:.92}.flourish{display:block;margin:-2px auto 8px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5))}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--ink)}.hud .panel{position:absolute;background:var(--paper-bg);background-size:180px 180px,100% 100%;border:2px solid var(--paper-edge);border-radius:22px 26px 20px 24px;padding:12px 18px 14px;pointer-events:auto;box-shadow:inset 0 0 0 1px #fffadc99,inset 0 -3px #b0823c52,0 12px 26px #50321459,0 2px 4px #5032142e}.hud .panel:before{content:"";position:absolute;top:6px;left:14px;right:14px;height:6px;border-radius:100%;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);pointer-events:none}.hud .flourish{margin:-4px 0 4px}.hud .top-left{top:18px;left:18px;min-width:220px;transform:rotate(var(--tilt-l));transform-origin:top left}.hud .bottom-center{bottom:22px;left:50%;transform:translate(-50%) rotate(var(--tilt-r));font-size:14px;font-weight:600;color:var(--ink-soft);text-align:center;border-radius:999px;padding:9px 22px;max-width:92vw}.hud h1.brush{font-size:38px;color:var(--leaf-deep);margin:0;text-shadow:1px 1px 0 rgba(255,255,255,.7),0 2px 0 rgba(176,130,60,.22)}.hud .row{font-size:14px;font-weight:600;line-height:1.65;display:flex;justify-content:space-between;gap:18px;color:var(--ink)}.hud .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;box-shadow:0 0 8px currentColor}.dot.on{background:var(--leaf);color:var(--leaf)}.dot.off{background:var(--gold);color:var(--gold)}.join-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:radial-gradient(380px 280px at 78% 22%,rgba(255,220,140,.85),transparent 65%),radial-gradient(800px 480px at 50% 0%,rgba(255,248,220,.85),transparent 70%),radial-gradient(1100px 600px at 50% 130%,rgba(120,175,110,.82),transparent 70%),radial-gradient(820px 320px at 50% 100%,rgba(90,145,90,.55),transparent 65%),linear-gradient(180deg,#9bd4f0,#c8e8ea 42%,#e6efc6)}.join-overlay:before,.join-overlay:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.94),transparent 70%);filter:blur(3px);animation:drift 16s ease-in-out infinite;pointer-events:none}.join-overlay:before{width:340px;height:170px;top:14%;left:12%}.join-overlay:after{width:280px;height:140px;top:24%;right:10%;animation-delay:-7s}@keyframes drift{0%,to{transform:translate(-18px)}50%{transform:translate(22px)}}.join-card{position:relative;background:var(--paper-bg);background-size:200px 200px,100% 100%;border:3px solid var(--paper-edge);border-radius:32px 28px 34px 26px;padding:28px 36px 32px;text-align:center;color:var(--ink);width:408px;margin:24px;box-shadow:inset 0 0 0 2px #fffadc8c,inset 0 -5px #b0823c59,0 26px 60px #50321461,0 4px #5032141f;animation:pageSway 9s ease-in-out infinite}@keyframes pageSway{0%,to{transform:rotate(-.4deg)}50%{transform:rotate(.5deg)}}@media (prefers-reduced-motion: reduce){.join-card{animation:none}.join-overlay:before,.join-overlay:after{animation:none}}.join-card:before{content:"";position:absolute;top:10px;left:24px;right:24px;height:10px;border-radius:100%;background:linear-gradient(180deg,rgba(255,255,255,.65),transparent);pointer-events:none}.join-card h1.brush{font-size:68px;color:var(--leaf-deep);margin-bottom:0;text-shadow:2px 2px 0 rgba(255,255,255,.78),0 4px 0 rgba(120,80,30,.25)}.join-card .flourish{margin:-6px auto 12px}.join-card p{color:var(--ink-soft);font-family:var(--font-hand);font-size:17px;font-weight:400;margin:0 0 20px;letter-spacing:.2px}.join-card input{width:100%;padding:13px 18px;border-radius:16px;border:2px solid var(--paper-edge);background:#fffceae0;color:var(--ink);font-family:var(--font-body);font-size:16px;font-weight:600;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:inset 0 2px 4px #78501e1f}.join-card input:focus{border-color:var(--leaf);box-shadow:inset 0 2px 4px #78501e1f,0 0 0 4px #5ba35a2e}.join-card input::placeholder{color:#c6a677;font-family:var(--font-hand);font-weight:400}.customizer{margin:18px 0 22px;display:flex;flex-direction:column;gap:12px}.swatch-row{display:flex;align-items:center;gap:12px}.swatch-label{width:54px;text-align:right;font-family:var(--font-hand);font-size:16px;color:var(--ink);flex-shrink:0}.swatches{display:flex;gap:9px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.85);box-shadow:0 1px #fff9 inset,0 2px 5px #5032144d;cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease}.swatch:hover{transform:scale(1.12)}.swatch.sel{border-color:var(--ink);transform:scale(1.22);box-shadow:0 0 0 2px var(--paper-hi),0 0 0 4px var(--leaf-deep),0 4px 10px #0000004d}.join-card button.enter{width:100%;padding:14px;border-radius:18px 20px 16px 22px;border:2px solid #2a5824;background:radial-gradient(120% 80% at 50% 0%,#a5d886,transparent 60%),linear-gradient(180deg,#74bd5a,var(--leaf-deep));color:#fffef4;font-family:var(--font-brush);font-size:32px;font-weight:700;letter-spacing:.5px;cursor:pointer;text-shadow:0 2px 0 rgba(0,0,0,.25);box-shadow:inset 0 1px #ffffff80,inset 0 -3px #0000002e,0 6px 0 var(--leaf-shadow),0 14px 22px #3c6e2d61;transition:transform .08s ease,box-shadow .08s ease}.join-card button.enter:hover{transform:translateY(-1px)}.join-card button.enter:active{transform:translateY(5px);box-shadow:inset 0 1px #ffffff80,inset 0 -3px #00000038,0 1px 0 var(--leaf-shadow),0 4px 10px #3c6e2d52}.speech{position:relative;background:var(--paper-bg);background-size:160px 160px,100% 100%;color:var(--ink);border:2px solid var(--paper-edge);border-radius:16px 18px 14px;padding:7px 14px;font-family:var(--font-hand);font-weight:400;font-size:18px;line-height:1.25;max-width:240px;width:max-content;text-align:center;box-shadow:inset 0 0 0 1px #fffadc8c,inset 0 -2px #b0823c52,0 8px 18px #5a3c1e5c;pointer-events:none;-webkit-user-select:none;user-select:none}.speech:before{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);border:9px solid transparent;border-top-color:var(--paper-edge)}.speech:after{content:"";position:absolute;left:50%;bottom:-7px;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--paper)}.talk-btn{background:radial-gradient(120% 80% at 50% 0%,#a5d886,transparent 60%),linear-gradient(180deg,#7cc15e,var(--leaf-deep));color:#fffef4;border:2px solid #2a5824;border-radius:999px;padding:7px 16px;font-family:var(--font-body);font-weight:700;font-size:13px;white-space:nowrap;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.28);box-shadow:inset 0 1px #ffffff73,inset 0 -2px #0000002e,0 4px 0 var(--leaf-shadow),0 8px 14px #00000047;-webkit-user-select:none;user-select:none}.talk-btn:hover{filter:brightness(1.06)}.talk-btn:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff73,inset 0 -2px #00000038,0 1px 0 var(--leaf-shadow),0 3px 7px #00000038}.chat-bar{position:fixed;bottom:64px;left:50%;transform:translate(-50%);z-index:20}.chat-bar input{width:460px;max-width:86vw;padding:13px 20px;border-radius:18px 22px 16px 20px;border:2px solid var(--paper-edge);background:var(--paper-bg);background-size:160px 160px,100% 100%;color:var(--ink);font-family:var(--font-hand);font-weight:400;font-size:17px;outline:none;box-shadow:inset 0 0 0 1px #fffadc8c,inset 0 -3px #b0823c52,0 14px 28px #5a3c1e57}.chat-bar input:focus{border-color:var(--leaf)}.chat-bar input::placeholder{color:#c6a677}.chat-mode{position:absolute;top:-28px;left:10px;font-family:var(--font-brush);font-size:18px;font-weight:700;color:#fff;background:linear-gradient(180deg,#9d70c5,#6c468e);padding:3px 14px;border-radius:999px;border:2px solid #4a2f64;text-shadow:0 1px 0 rgba(0,0,0,.28);box-shadow:0 4px 10px #3c1e5066}.chat-log{position:fixed;bottom:108px;left:18px;width:340px;max-height:210px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding:12px 16px;background:var(--paper-bg);background-size:180px 180px,100% 100%;border:2px solid var(--paper-edge);border-radius:16px 22px 14px 20px;pointer-events:auto;font-family:var(--font-hand);font-size:16px;line-height:1.35;color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--paper-edge-deep) transparent;box-shadow:inset 0 0 0 1px #fffadc8c,inset 0 -4px #b0823c52,0 14px 28px #5a3c1e57;transform:rotate(var(--tilt-l));transform-origin:bottom left}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-thumb{background:var(--paper-edge-deep);border-radius:3px}.log-line b{font-family:var(--font-brush);font-weight:700;font-size:18px;color:var(--leaf-deep);letter-spacing:.3px}.log-line.say{color:var(--ink)}.log-line.whisper{color:#6c468e;font-style:italic}.log-line.whisper b{color:#5a3580}.log-line.emote{color:var(--ink-soft);font-style:italic}.emote-bar{position:fixed;bottom:18px;right:18px;display:flex;gap:8px;z-index:15}.emote-btn{width:48px;height:48px;border-radius:14px 16px 12px 18px;border:2px solid var(--paper-edge);background:var(--paper-bg);background-size:120px 120px,100% 100%;font-size:22px;line-height:1;cursor:pointer;box-shadow:inset 0 0 0 1px #fffadc8c,inset 0 -3px #b0823c52,0 6px 12px #5a3c1e47;transition:transform .08s ease}.emote-btn:hover{transform:translateY(-2px)}.emote-btn:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #fffadc8c,inset 0 -2px #b0823c5c,0 2px 5px #5a3c1e47}.touch-stick{position:fixed;z-index:5;pointer-events:none}.stick-ring{position:absolute;border-radius:50%;left:0;top:0;transform:translate(-50%,-50%);background:radial-gradient(circle,#fffbdc52,#fffbdc0d);border:2px solid rgba(255,251,220,.7);box-shadow:0 4px 14px #00000038,inset 0 1px #ffffff8c;transition:border-color .12s ease,box-shadow .12s ease}.stick-ring.sprint{border-color:var(--gold);box-shadow:0 0 22px #e6b257d9,inset 0 1px #ffffff8c}.stick-knob{position:absolute;left:0;top:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffaee,#efd9a8 70%,#cba35a);border:2px solid rgba(80,50,20,.5);box-shadow:inset 0 1px #fff9,0 4px 10px #00000052;pointer-events:none}.touch-hint{position:fixed;bottom:18px;left:18px;z-index:16;background:var(--paper-bg);background-size:140px 140px,100% 100%;border:2px solid var(--paper-edge);border-radius:999px;padding:9px 18px;font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--ink);box-shadow:inset 0 0 0 1px #fffadc8c,inset 0 -2px #b0823c52,0 6px 14px #5a3c1e52;cursor:pointer}.touch-hint:active{transform:translateY(1px)}.journal-pill{position:fixed;top:18px;right:18px;z-index:18;background:var(--paper-bg);background-size:140px 140px,100% 100%;border:2px solid var(--paper-edge);border-radius:999px;padding:9px 18px;font-family:var(--font-brush);font-weight:700;font-size:22px;color:var(--leaf-deep);text-shadow:1px 1px 0 rgba(255,255,255,.6);cursor:pointer;box-shadow:inset 0 0 0 1px #fffadc8c,inset 0 -2px #b0823c52,0 6px 14px #5a3c1e52;transform:rotate(var(--tilt-r));transition:transform .12s ease}.journal-pill:hover{transform:rotate(var(--tilt-r)) translateY(-1px)}.journal-pill:active{transform:rotate(var(--tilt-r)) translateY(1px)}.journal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:radial-gradient(600px 400px at 50% 30%,rgba(50,30,12,.18),transparent 70%),#140e0880;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .22s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.journal{position:relative;width:min(760px,96vw);max-height:88vh;overflow:hidden;display:flex;flex-direction:column;background:var(--paper-bg);background-size:220px 220px,100% 100%;border:3px solid var(--paper-edge);border-radius:28px 32px 30px 26px;color:var(--ink);box-shadow:inset 0 0 0 2px #fffadc8c,inset 0 -5px #b0823c59,0 32px 80px #0f08008c;animation:bookOpen .28s cubic-bezier(.2,.7,.3,1.2)}@keyframes bookOpen{0%{transform:scale(.92) rotate(-.6deg);opacity:0}to{transform:scale(1) rotate(-.2deg);opacity:1}}.journal:before{content:"";position:absolute;top:12px;left:28px;right:28px;height:10px;border-radius:100%;background:linear-gradient(180deg,rgba(255,255,255,.65),transparent);pointer-events:none}.journal-close{position:absolute;top:12px;right:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:2px solid var(--paper-edge);background:#fffbe6d9;color:var(--ink);font-family:var(--font-brush);font-size:28px;line-height:1;cursor:pointer;box-shadow:inset 0 -2px #b0823c4d,0 4px 10px #5a3c1e52}.journal-close:hover{filter:brightness(1.05)}.journal-close:active{transform:translateY(1px)}.journal-head{padding:18px 24px 4px;text-align:center}.journal-head h2.brush{font-size:44px;color:var(--leaf-deep);text-shadow:1px 1px 0 rgba(255,255,255,.65),0 3px 0 rgba(120,80,30,.22);margin-bottom:0}.journal-tabs{display:flex;gap:8px;padding:0 24px 12px;border-bottom:2px dashed rgba(176,130,60,.35);flex-wrap:wrap;justify-content:center}.journal-tab{display:inline-flex;align-items:center;gap:6px;background:#fffbe6a6;border:2px solid var(--paper-edge);border-radius:14px 16px 12px 18px;padding:7px 14px;font-family:var(--font-storybook);font-weight:600;font-size:15px;color:var(--ink);cursor:pointer;box-shadow:inset 0 -2px #b0823c38}.journal-tab .tab-icon{font-size:17px}.journal-tab:hover{filter:brightness(1.04)}.journal-tab.sel{background:radial-gradient(120% 80% at 50% 0%,#a5d886,transparent 60%),linear-gradient(180deg,#7cc15e,var(--leaf-deep));color:#fffef4;border-color:#2a5824;text-shadow:0 1px 0 rgba(0,0,0,.28);box-shadow:inset 0 1px #fff6,inset 0 -2px #0000002e,0 4px 0 var(--leaf-shadow),0 6px 12px #00000040}.journal-page{padding:18px 28px 22px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--paper-edge-deep) transparent;font-family:var(--font-storybook);font-size:16px;line-height:1.5;color:var(--ink)}.journal-page::-webkit-scrollbar{width:7px}.journal-page::-webkit-scrollbar-thumb{background:var(--paper-edge-deep);border-radius:3px}.traveler-list{display:flex;flex-direction:column;gap:10px}.traveler{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#fffbe6bf;border:2px solid rgba(176,130,60,.45);border-radius:16px 20px 14px 18px;box-shadow:inset 0 -2px #b0823c38}.traveler.self{background:radial-gradient(120% 80% at 50% 0%,rgba(165,216,134,.4),transparent 60%),#fffbe6e6;border-color:var(--leaf-deep)}.traveler .t-body{flex:1;min-width:0}.traveler .t-name{font-family:var(--font-brush);font-size:26px;color:var(--leaf-deep);line-height:1;text-shadow:1px 1px 0 rgba(255,255,255,.6)}.traveler .t-note{font-family:var(--font-storybook);font-size:14px;color:var(--ink-soft);margin-top:2px}.traveler .t-whisper{background:radial-gradient(120% 80% at 50% 0%,#b9b4f0,transparent 60%),linear-gradient(180deg,#9d70c5,#6c468e);color:#fffef4;border:2px solid #4a2f64;border-radius:999px;padding:8px 14px;font-family:var(--font-body);font-weight:700;font-size:13px;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.28);box-shadow:inset 0 1px #fff6,0 4px #3a2052,0 6px 12px #3c1e5059}.traveler .t-whisper:active{transform:translateY(3px);box-shadow:0 1px #3a2052}.empty-note{font-family:var(--font-storybook);color:var(--ink-soft);text-align:center;padding:20px 8px;font-style:italic}.wardrobe{display:flex;flex-direction:column;align-items:center;gap:16px}.wardrobe-preview{background:radial-gradient(140% 100% at 50% 30%,#fff8e0,#f0d999);border:2px solid var(--paper-edge);border-radius:24px;padding:14px;box-shadow:inset 0 0 0 1px #fffadc8c,inset 0 -3px #b0823c52,0 8px 18px #50321452}.wardrobe-pickers{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px}.wardrobe-actions{margin-top:4px;width:100%;max-width:280px}.wardrobe-actions button.enter{width:100%;padding:11px;border-radius:16px 18px 14px 20px;border:2px solid #2a5824;background:radial-gradient(120% 80% at 50% 0%,#a5d886,transparent 60%),linear-gradient(180deg,#74bd5a,var(--leaf-deep));color:#fffef4;font-family:var(--font-brush);font-size:26px;font-weight:700;cursor:pointer;text-shadow:0 2px 0 rgba(0,0,0,.25);box-shadow:inset 0 1px #ffffff80,0 5px 0 var(--leaf-shadow),0 10px 18px #3c6e2d61}.wardrobe-actions button.enter:disabled{cursor:default}.guide-intro{font-style:italic;color:var(--ink-soft);margin-bottom:12px}.guide-rows{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0}.guide-rows li{display:grid;grid-template-columns:28px 1fr auto 1fr;gap:10px;align-items:baseline;padding:6px 10px;border-bottom:1px dashed rgba(176,130,60,.32)}.g-icon{font-size:18px;text-align:center}.g-key{font-family:var(--font-storybook);font-weight:600}.g-sep{color:var(--ink-soft)}.g-act{color:var(--leaf-deep);font-family:var(--font-storybook)}.guide-foot{margin-top:14px;color:var(--ink-soft);font-style:italic;text-align:center}.guide-foot em{font-family:var(--font-brush);font-size:19px;font-style:normal;color:var(--ink)}.portrait{display:block;filter:drop-shadow(0 4px 8px rgba(80,50,20,.32))}.species-hint{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0;margin-top:8px}.species-hint li{display:flex;gap:12px;align-items:center;padding:10px 14px;background:#fffbe6bf;border:2px solid rgba(176,130,60,.45);border-radius:16px 20px 14px 18px}.species-hint .g-icon{font-size:28px}.species-hint .t-name{font-family:var(--font-brush);font-size:24px;color:var(--leaf-deep);line-height:1;text-shadow:1px 1px 0 rgba(255,255,255,.6)}.species-hint .t-note{font-family:var(--font-storybook);font-size:14px;color:var(--ink-soft);margin-top:2px}.bond-count{font-family:var(--font-body);font-size:14px;color:var(--gold);background:#78501e2e;padding:1px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}.fox-prompt[data-mode=hidden],.fox-prompt[data-mode=offer] .fox-progress,.fox-prompt[data-mode=progress] .fox-offer{display:none}.fox-offer{background:radial-gradient(120% 80% at 50% 0%,#a5d886,transparent 60%),linear-gradient(180deg,#7cc15e,var(--leaf-deep));color:#fffef4;border:2px solid #2a5824;border-radius:999px;padding:6px 14px;font-family:var(--font-body);font-weight:700;font-size:13px;white-space:nowrap;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.28);box-shadow:inset 0 1px #ffffff73,inset 0 -2px #0000002e,0 4px 0 var(--leaf-shadow),0 8px 14px #00000047;-webkit-user-select:none;user-select:none}.fox-offer:active{transform:translateY(2px)}.fox-progress{position:relative;width:44px;height:44px}.fox-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#f7c75e,#fffbdc40 0);box-shadow:0 0 14px #f7c75eb3,0 0 0 2px #fffbdc99 inset}.fox-ring-inner{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:#28180a99;display:flex;align-items:center;justify-content:center;color:#fffef4;font-family:var(--font-brush);font-size:16px;text-shadow:0 1px 0 rgba(0,0,0,.4)}@media (max-width: 720px),(max-height: 560px){.join-card{width:92vw;max-width:408px;padding:22px 22px 26px;margin:12px}.join-card h1.brush{font-size:50px}.swatch{width:30px;height:30px}.hud .top-left{top:10px;left:10px;min-width:0;padding:8px 12px;font-size:12px}.hud h1.brush{font-size:24px}.hud .row{font-size:12px;gap:10px}.hud .bottom-center{bottom:70px;font-size:11px;padding:6px 14px;max-width:92vw}.chat-log{width:62vw;max-height:28vh;bottom:70px;left:10px;font-size:14px}.chat-bar{bottom:18px}.chat-bar input{width:86vw;font-size:16px}.emote-btn{width:42px;height:42px;font-size:20px}.emote-bar{bottom:10px;right:10px;gap:6px}.journal-pill{top:10px;right:10px;font-size:18px;padding:7px 14px}.journal{width:94vw;max-height:86vh}.journal-head{padding:14px 16px 2px}.journal-head h2.brush{font-size:34px}.journal-tabs{padding:0 14px 10px;gap:6px}.journal-tab{font-size:13px;padding:6px 10px}.journal-page{padding:14px 16px 18px;font-size:15px}.traveler{padding:8px 10px;gap:10px}.traveler .t-name{font-size:22px}.guide-rows li{grid-template-columns:24px 1fr auto 1fr;gap:6px;font-size:14px}}