:root{color-scheme:dark;--cream:#fff3dd;--gold:#ecd09b;--muted:#a9bfcc;--line:#dbeaf128;--navy:#102739;--serif:Georgia,'Batang',serif;--sans:'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#0c2035;color:var(--cream);font:12px var(--sans)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit}button:hover:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}svg{display:block}button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none;background:radial-gradient(ellipse at 68% 28%,#78539a77,transparent 48%),radial-gradient(ellipse at 25% 58%,#6a438888,transparent 58%),linear-gradient(#170f35,#34325b 57%,#64738d)}.glass{background:#112b40d4;border:1px solid #dbeaf12b;backdrop-filter:blur(15px);box-shadow:0 8px 35px #06172a2a}.round{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#19394b;font-size:16px;padding:0}.round svg{width:17px;height:17px}.gold-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(115deg,#f4deaf,#dbb775);border:1px solid #fae5bd99;color:#243a45;min-height:43px;padding:13px 20px;border-radius:9px;font-weight:600;text-decoration:none;font-size:12px}.glass-button{background:#28485d8c;border:1px solid var(--line);padding:12px 19px;border-radius:9px}.text-button{background:none;color:#bfced7;font-size:10px;padding:10px 0}.muted{color:var(--muted);font-size:11px;line-height:1.7}.small-note{color:#9eb5c6;font-size:9px;text-align:center;line-height:1.8;margin:18px 0 0}.eyebrow{display:block;font-size:8px;letter-spacing:2.7px;color:#d9c092}.online-dot{display:inline-block;width:5px;height:5px;background:#9dd8b7;border-radius:50%;flex-shrink:0;box-shadow:0 0 7px #9dd8b733}#entryHeader{position:fixed;z-index:5;left:32px;right:32px;top:25px;display:flex;align-items:center;justify-content:space-between}#logo{display:flex;align-items:center;gap:10px;text-decoration:none}#logo>span{font-size:35px;color:var(--gold)}#logo>div{font:21px var(--serif);letter-spacing:2px}#logo small{display:block;font:7px var(--sans);letter-spacing:2.3px;margin-top:5px;color:#b8c8d4}.entry-caption{font-size:9px;letter-spacing:2px;color:#b5c7d2}.playing #entryHeader{display:none}.screen{display:none;position:fixed;inset:0;z-index:4;flex-direction:column;padding-top:97px;background:linear-gradient(130deg,#0b2035fa,#142e45f5);height:100dvh}.screen.active{display:flex}.picker-scroll{flex:1;overflow-y:auto;padding:15px 6vw 30px;min-height:0;overscroll-behavior:contain}.section-heading{text-align:center;max-width:1000px;margin:auto}.section-heading h1{font:29px/1.4 var(--serif);letter-spacing:-.7px;margin:15px 0 9px}.section-heading p{color:#a7bdcc;font-size:11px;line-height:1.7;margin:0}.picker-footer{display:flex;align-items:center;gap:22px;padding:16px max(6vw,24px) calc(17px + env(safe-area-inset-bottom));background:#0c2337f5;border-top:1px solid var(--line);flex-shrink:0;z-index:7;min-height:80px}.server-footer{justify-content:flex-end}.server-footer .muted{margin-right:auto;font-size:10px}.server-grid{max-width:960px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.server-card{padding:24px;text-align:left;border:1px solid var(--line);background:linear-gradient(145deg,#2b4353c4,#122c40);border-radius:15px;min-width:0}.server-card.selected{border-color:#ebcc91;background:linear-gradient(140deg,#525548ab,#1a3746);box-shadow:0 0 30px #f2cc7811}.server-art{display:block;text-align:center;height:112px;font:78px var(--serif);color:#ebd29b;line-height:1.2;text-shadow:0 0 35px #ebd29b33}.server-card small{font-size:7px;letter-spacing:2px;color:#c7b589}.server-card h2{font:23px var(--serif);margin:11px 0}.server-card p{font-size:10px;color:#aec1cd;line-height:1.8;margin:0 0 23px}.server-card>div{border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;padding-top:14px;font-size:9px;color:#bbced6}.server-card b{margin-left:auto;color:#ecd09b;opacity:0}.server-card.selected b{opacity:1}.character-board{position:relative;max-width:1030px;margin:45px auto 0}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.character{position:relative;display:flex;align-items:center;flex-direction:column;min-width:0;overflow:hidden;padding:10px 8px 16px;border:1px solid #d6e4e52d;border-radius:15px;background:radial-gradient(ellipse at 50% 38%,#60716755,#233c4f 60%,#112b40);box-shadow:inset 0 0 25px #f8d38c05}.character.selected{border:2px solid #ebd09c;background:radial-gradient(ellipse at 50% 38%,#7d7a5155,#284550 60%,#1a3546)}.character img{display:block;object-fit:contain;width:100%;height:clamp(190px,36dvh,380px);min-height:0;filter:drop-shadow(0 6px 7px #05172d66)}.character strong{font:21px var(--serif);margin-top:9px;font-weight:400}.character .check{position:absolute;right:12px;bottom:19px;width:18px;height:18px;display:none;border-radius:50%;background:#ecd09b;color:#2d4248;font-size:11px;align-items:center;justify-content:center}.character.selected .check{display:flex}.selection-decor{position:absolute;top:-40px;left:-7px;right:-7px;height:110px;pointer-events:none;z-index:3}.selection-decor svg{width:100%;height:100%;overflow:visible}.name-field{display:flex;align-items:center;gap:12px;margin-left:auto;color:#b6cbd6;font-size:10px}.name-field input{width:220px;background:#163347;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--cream);font-size:12px}.profile{position:absolute;left:16px;top:15px;display:flex;align-items:center;gap:7px;border-radius:22px;padding:5px 10px 5px 5px;height:38px;max-width:210px}.profile>span{display:grid;place-items:center;font-size:22px;width:28px;height:28px;border-radius:50%;background:#e6c58c20}.profile strong{font-size:10px;font-weight:500;display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{display:flex;align-items:center;gap:5px;font-size:7px;color:#bdd0dc;margin-top:3px}.top-tools{position:absolute;right:16px;top:16px;display:flex;gap:7px;align-items:center}.top-tools .round{width:32px;height:32px;background:#102d40c7}.view-pill{border-radius:22px;font-size:9px;padding:9px 11px;height:32px;color:#c5d3db}.view-pill b{color:#efd4a0;font-weight:500}.map-box{position:absolute;right:16px;top:61px;padding:4px 6px 10px;border-radius:13px;text-align:center}.map-box canvas{width:160px;height:144px;display:block}.map-box span{font-size:8px;color:#c6d6df}.chat-preview{position:absolute;left:18px;bottom:148px;max-width:280px;pointer-events:none}.chat-preview p{font-size:10px;color:#dfebef;background:#0f2c41a6;border-radius:8px;padding:7px 10px;margin:4px 0;line-height:1.5;overflow-wrap:anywhere}.chat-preview b{font-weight:500;color:#ebcf96}.connection{position:absolute;left:20px;bottom:127px;font-size:8px;color:#bdd0dc;display:flex;align-items:center;gap:6px;text-shadow:0 1px 6px #071f34}.actions{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);display:flex;gap:7px;padding:10px 15px;border-radius:30px}.actions button{display:flex;align-items:center;gap:7px;padding:8px 13px;background:none;font-size:11px;color:#d9e6ea}.actions button>span:first-child{color:#efd09b;font-size:21px;height:21px;display:grid;place-items:center}.actions button>span:last-child{white-space:nowrap}.actions button.active{color:#f7d69d}.mic{position:absolute;right:20px;bottom:39px;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#142f45c9;padding:0;color:#e5c692}.mic svg{width:20px;height:20px}.mic.active{background:#3d685fe8;color:#dcf6e8;border-color:#a6d7c7}.movement-hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:8px;color:#b5c8d8;white-space:nowrap;text-shadow:0 2px 8px #0b2440}#joystick{position:absolute;left:21px;bottom:35px;width:86px;height:86px;border-radius:50%;background:#18384d66;border:1px solid #dae5e83d;backdrop-filter:blur(5px);touch-action:none;display:none}#stick{position:absolute;left:23px;top:23px;width:38px;height:38px;background:#dbe5e8a3;border-radius:50%;pointer-events:none}.context-card{position:absolute;right:20px;bottom:113px;width:244px;border-radius:13px;padding:12px;text-align:center}.context-card small{display:block;color:#d3dfdf;font-size:10px;margin-bottom:9px}.context-card .gold-button{justify-content:center;font-size:11px;min-height:37px;padding:10px 12px;width:100%}.held-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:108px;border-radius:20px;padding:6px 8px 6px 13px;display:flex;align-items:center;gap:9px;font-size:10px}.held-controls>span{color:#e0d4b8}.held-controls button{background:#dcc38c;color:#1e3747;padding:7px 10px;border-radius:15px;font-size:10px}.held-controls button:last-child{background:transparent;color:#c4d4dc;padding:3px;font-size:19px}.emote-menu{position:absolute;bottom:101px;left:50%;transform:translateX(-50%);padding:9px;border-radius:12px;width:190px;z-index:10}.emote-menu button{display:block;background:none;width:100%;text-align:left;padding:11px 14px;font-size:11px;border-radius:7px}.emote-menu button:hover{background:#e4d09a15}.drawer{position:absolute;right:18px;top:64px;bottom:111px;max-height:620px;width:345px;border:1px solid var(--line);background:#10293df5;backdrop-filter:blur(17px);border-radius:16px;z-index:20;display:flex;flex-direction:column;box-shadow:0 15px 70px #06182b55}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:21px 20px 0}.drawer-head .eyebrow{font-size:7px}.drawer-head h2{font:23px var(--serif);margin:9px 0 0}.drawer-head .round{width:28px;height:28px;background:none;border:1px solid var(--line)}.chat-tabs{display:flex;gap:23px;padding:15px 20px 0;border-bottom:1px solid var(--line)}.chat-tabs button{padding:9px 0;background:none;color:#96b0c2;font-size:10px}.chat-tabs button.active{color:#eed29b;border-bottom:1px solid #eed29b}.chat-messages{flex:1;min-height:80px;overflow-y:auto;padding:18px 20px}.system-message{font-size:10px;color:#9bb4c5;line-height:1.7;margin:0 0 22px}.message{margin:0 0 17px}.message strong{font-size:10px;color:#e1c58e;font-weight:500}.message time{font-size:8px;color:#789bad;margin-left:9px}.message p{color:#e1e9ec;font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin:6px 0}.message.self p{color:#efdab1}.drawer form{display:flex;margin:0 13px 14px;padding:5px;border:1px solid var(--line);border-radius:8px;background:#0e2234}.drawer input{flex:1;min-width:0;background:none;border:0;padding:9px;color:#f3efdf;font-size:11px;outline:0}.drawer form button{background:#e1c48c;color:#19354b;border-radius:6px;padding:9px}.drawer form svg{width:15px;height:15px}#peopleList{flex:1;overflow:auto;padding:13px 20px}.person-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px}.person-row span{flex:1}.person-row em{font-size:9px;color:#a5bfcb;font-style:normal}.person-row button{border:1px solid var(--line);background:#214154;border-radius:5px;font-size:9px;padding:5px 8px}.person-row .blocked{color:#edafa2}dialog{background:#122d42f7;color:var(--cream);border:1px solid #ccdee835;border-radius:18px;padding:25px;width:min(520px,calc(100vw - 28px));max-height:88dvh;box-shadow:0 20px 100px #03142688;backdrop-filter:blur(20px)}dialog::backdrop{background:#05192c99;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head .eyebrow{font-size:7px;letter-spacing:2px}.dialog-head .round{width:28px;height:28px;background:none;border:1px solid var(--line)}dialog h2{font:25px var(--serif);margin:18px 0 13px;letter-spacing:-.6px}dialog h3{font-size:11px;font-weight:500;color:#d7c396;margin:24px 0 2px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:16px 0;font-size:11px;color:#d3e0e6}.setting-row select{max-width:190px;background:#203d51;color:#f0e4c8;padding:8px;border:1px solid var(--line);border-radius:6px;font-size:10px}.setting-row input{accent-color:#e4c88f;max-width:150px}.setting-row input[type=checkbox]{width:16px;height:16px}.setting-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.setting-buttons>button,.setting-buttons>a{flex:1 1 40%;background:#28465b75;border:1px solid var(--line);border-radius:8px;padding:12px;text-align:center;font-size:10px;text-decoration:none}.setting-buttons .gold-button{background:#e7cd99;color:#233c48;justify-content:center}.support-link{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:23px;padding:15px 10px;color:#d6c299;text-decoration:none;font-size:10px;border-top:1px solid var(--line)}.support-link span{color:#9cb6c8}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:23px}.shop-grid>button{padding:15px 10px;border:1px solid var(--line);border-radius:12px;background:#1a384b;display:flex;align-items:center;flex-direction:column;min-width:0}.item-art{display:block;width:80px;height:80px;font-size:52px;text-align:center;line-height:80px}.item-art svg{width:100%;height:100%}.shop-grid strong{font-size:11px;margin:9px 0 7px;font-weight:500}.shop-grid small{font-size:8px;color:#afc7d2;line-height:1.8;min-height:30px}.shop-grid b{margin-top:12px;font-size:9px;color:#f4d497;background:#ecd09b15;border-radius:14px;padding:7px 10px;font-weight:500}.inventory-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:16px 0}.inventory-row .item-art{width:53px;height:53px;line-height:53px;font-size:39px}.inventory-row>div{flex:1}.inventory-row strong{font-size:12px;font-weight:500}.inventory-row small{display:block;color:#a5bdca;font-size:9px;margin-top:5px}.inventory-row button{padding:9px 12px;background:#dfc28b;color:#203a47;border-radius:7px;font-size:10px}.guide-list article{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.guide-list article>span{font-size:25px;padding-top:4px}.guide-list h3{font-size:12px;margin:0 0 7px;color:#ecd7af}.guide-list p{font-size:11px;color:#acc2ce;line-height:1.8;margin:0}textarea{resize:vertical;width:100%;border:1px solid var(--line);border-radius:8px;background:#0e263b;padding:13px;color:#f2e9d2;line-height:1.8;font-size:12px;margin:9px 0}#wishForm .gold-button{width:100%;justify-content:center}#wishList{max-height:260px;overflow:auto;margin-top:21px}.wish-item{padding:12px 0;border-bottom:1px solid var(--line)}.wish-item p{font:16px/1.8 var(--serif);margin:0 0 7px;overflow-wrap:anywhere}.wish-item small{font-size:9px;color:#a5bbca}.wish-empty{color:#a6beca;font-size:11px;line-height:1.8}#photoResult{width:100%;border-radius:10px;margin-top:8px}.nameplate{position:absolute;transform:translate(-50%,-100%);text-align:center}.nameplate .tag{font-size:9px;padding:4px 8px;color:#efe5ce;background:#163047b8;border:1px solid #d0e0e52b;border-radius:11px;white-space:nowrap}.nameplate.me .tag{background:#a27f47a3;border-color:#e4c88c66}.nameplate.npc .tag{color:#cfe7d8;background:#23483ab8;border-color:#b7d4bc33}.nameplate .bubble{display:none;background:#fff3de;color:#233c48;max-width:180px;padding:9px 12px;border-radius:11px;margin:0 auto 10px;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.nameplate.talking .bubble{display:block}#nameplates{position:fixed;inset:0;pointer-events:none;overflow:hidden}#toast{position:fixed;z-index:200;left:50%;bottom:123px;transform:translate(-50%,8px);opacity:0;pointer-events:none;transition:.25s;padding:12px 20px;border:1px solid var(--line);border-radius:25px;background:#0e2b42ee;color:#f0dfbb;font-size:11px;max-width:90vw;text-align:center;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}#loading{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#10283d}#loading>span{font-size:45px;color:#e2c28b;animation:turn 10s linear infinite}#loading p{font-size:12px;color:#c0d0d8;margin-top:23px}@keyframes turn{to{transform:rotate(360deg)}}#fatal{position:fixed;inset:0;z-index:310;background:#10283d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}#fatal p{max-width:390px;color:#acc3cf;font-size:12px;line-height:1.9}#fatal h2{font-size:21px}#restOverlay{position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,#0b253ca3,transparent 55%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:65px}#restOverlay p{font:21px var(--serif);text-shadow:0 2px 8px #10283d}#restOverlay button{pointer-events:auto}.resting .profile,.resting .top-tools,.resting .map-box,.resting .chat-preview,.resting .connection,.resting #joystick,.resting .context-card,.resting .held-controls,.resting .actions,.resting .mic,.resting .movement-hint,.resting .nameplate{display:none!important}@media(pointer:coarse){#joystick{display:block}.movement-hint{display:none}.chat-preview{bottom:236px}.connection{bottom:217px}#joystick{bottom:119px}.mic{bottom:130px}}
@media(max-width:760px){#entryHeader{left:20px;right:20px;top:18px}#logo>span{font-size:29px}#logo>div{font-size:18px}#logo small{font-size:6px}.entry-caption{display:none}.screen{padding-top:76px}.picker-scroll{padding:8px 18px 22px}.section-heading h1{font-size:22px;line-height:1.5;margin:10px 0 6px}.section-heading p{font-size:10px}.eyebrow{font-size:7px;letter-spacing:2px}.server-grid{grid-template-columns:1fr;gap:11px;margin-top:22px}.server-card{padding:15px 18px;display:grid;grid-template-columns:65px 1fr;column-gap:13px}.server-art{grid-row:1/5;height:100%;display:flex;align-items:center;justify-content:center;font-size:53px}.server-card h2{font-size:20px;margin:5px 0}.server-card small{font-size:6px}.server-card p{font-size:8px;margin:0 0 9px}.server-card>div{padding-top:8px;font-size:8px}.picker-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom));gap:12px;min-height:72px}.server-footer .muted{font-size:8px;max-width:105px;line-height:1.7}.gold-button{font-size:11px;min-height:41px;padding:12px 15px;gap:15px}.character-board{margin-top:33px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.character{padding:6px 7px 10px;border-radius:12px}.character img{height:clamp(108px,21dvh,230px)}.character strong{font-size:16px;margin-top:4px}.character .check{right:9px;bottom:10px;width:15px;height:15px;font-size:9px}.selection-decor{top:-29px;height:70px}.character-footer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.character-footer .text-button{font-size:9px;white-space:nowrap}.name-field{margin:0;display:block;min-width:0}.name-field span{display:block;font-size:8px;margin-bottom:5px}.name-field input{width:100%;padding:10px;font-size:11px}.character-footer .gold-button{font-size:10px;gap:10px;padding:11px 12px;margin-top:14px}.profile{left:12px;top:12px;height:34px;padding:4px 8px 4px 4px;max-width:170px;gap:5px}.profile>span{height:25px;width:25px;font-size:20px}.profile strong{font-size:9px;max-width:87px}.profile small{font-size:6px;gap:4px}.online-dot{height:4px;width:4px}.top-tools{right:12px;top:13px;gap:5px}.top-tools .round{width:29px;height:29px;font-size:14px}.top-tools .round svg{width:15px;height:15px}.view-pill{height:29px;padding:8px;font-size:8px}.map-box{right:12px;top:54px;border-radius:10px}.map-box canvas{width:135px;height:121px}.map-box span{font-size:7px}.actions{bottom:22px;padding:9px 12px;gap:3px;border-radius:27px}.actions button{flex-direction:column;gap:5px;padding:4px 12px;font-size:8px;min-width:51px}.actions button>span:first-child{font-size:20px;height:20px}.actions button svg{width:19px;height:19px}.actions button>span:last-child{font-size:8px}.mic{right:15px;width:40px;height:40px;bottom:116px}.mic svg{width:18px;height:18px}#joystick{left:15px;bottom:110px;width:76px;height:76px}#stick{left:19px;top:19px}.connection{left:18px;bottom:203px;font-size:7px}.chat-preview{left:16px;bottom:220px;max-width:215px}.chat-preview p{font-size:8px;padding:6px 9px}.context-card{right:13px;bottom:172px;width:201px;padding:10px;border-radius:11px}.context-card small{font-size:9px;margin-bottom:7px}.context-card .gold-button{font-size:10px;min-height:34px;padding:9px 10px}.held-controls{bottom:104px;left:50%;transform:translateX(-50%);font-size:9px;padding:5px 6px 5px 10px;gap:6px}.held-controls button{font-size:9px;padding:6px 8px}.held-controls>span{max-width:65px;overflow:hidden;white-space:nowrap}.emote-menu{bottom:92px;width:180px}.emote-menu button{font-size:10px;padding:10px 12px}.drawer{left:12px;right:12px;top:63px;bottom:104px;width:auto;max-height:none}.drawer-head{padding-top:17px}.drawer-head h2{font-size:21px}.movement-hint{display:none}dialog{padding:22px;max-height:88dvh}dialog h2{font-size:23px}.shop-grid{gap:8px;grid-template-columns:1fr}.shop-grid>button{display:grid;grid-template-columns:62px 1fr auto;grid-template-rows:auto auto;padding:12px;text-align:left;column-gap:10px}.shop-grid .item-art{grid-row:1/3;width:60px;height:60px;line-height:60px;font-size:42px}.shop-grid strong{font-size:11px;margin:0 0 5px}.shop-grid small{min-height:0;font-size:8px}.shop-grid b{grid-column:3;grid-row:1/3;margin:0;font-size:8px;white-space:nowrap}.setting-row{font-size:10px;padding:15px 0}.setting-row select{font-size:9px}.setting-buttons{gap:8px}.setting-buttons>button,.setting-buttons>a{font-size:10px}.small-note{font-size:8px}.nameplate .tag{font-size:8px;padding:4px 7px}.nameplate .bubble{font-size:10px;max-width:145px;padding:8px 10px}.npc .tag{font-size:7px}#toast{bottom:98px;font-size:10px;min-width:210px;padding:10px 17px}#restOverlay p{font-size:18px}#restOverlay{padding-bottom:55px}}
@media(max-height:650px) and (max-width:760px){.screen{padding-top:65px}.section-heading h1{font-size:19px}.section-heading p{font-size:9px}.character img{height:108px}.character strong{font-size:14px}.character-board{margin-top:26px}.character{padding-bottom:8px}.picker-footer{min-height:65px;padding-top:8px;padding-bottom:8px}.server-card{padding:11px 15px}.server-grid{gap:8px;margin-top:15px}.server-card h2{font-size:18px}.selection-decor{height:58px;top:-25px}}

.wish-tabs{display:flex;gap:10px;margin:18px 0}.wish-tabs button{flex:1;padding:12px;border-radius:9px;background:#284456;border:1px solid var(--line)}.wish-tabs button.active{background:#e4c897;color:#233847}#wishReading label{display:block;margin:14px 0 8px;color:#d6c69e}#wishSearch{width:100%;background:#0e263b;color:#fff0d2;border:1px solid var(--line);border-radius:9px;padding:12px}#wishList{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:42dvh;padding:3px}.wish-item{border-radius:4px 13px 7px 13px;background:#f0dfad;color:#38434a;padding:16px;box-shadow:0 3px 8px #0002}.wish-item:nth-child(4n+2){background:#e1c6d7}.wish-item:nth-child(4n+3){background:#c1dbd1}.wish-item:nth-child(4n){background:#d2cce8}.wish-item p{font:14px/1.8 var(--sans)}.wish-item small{color:#50616a}.wish-empty{grid-column:1/-1}.guide-list{max-height:58dvh;overflow:auto;padding-right:5px}@media(max-width:420px){#wishList{grid-template-columns:1fr}.wish-item p{font-size:14px}.guide-list p{font-size:12px}}

.travel-controls{position:fixed;top:76px;right:16px;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:13px;max-width:270px;font-size:11px}.travel-controls span{color:#e4d3b0}.travel-controls button,.pet-controls button{background:#e3c58f;color:#263c49;padding:8px 11px;border-radius:8px;font-size:11px}.pet-controls{position:fixed;top:78px;left:16px;padding:7px 9px;display:flex;gap:8px;border-radius:12px;align-items:center}.pet-controls select{background:#203b4e;border:1px solid var(--line);border-radius:7px;padding:7px;color:#e8dbbe;font-size:11px}.pet-setting{display:grid;grid-template-columns:90px 1fr 85px;gap:8px;align-items:center;margin:13px 0}.pet-setting input:not([type=checkbox]),.pet-setting select{width:100%;min-width:0;padding:10px 8px;background:#203b4e;color:#f2e2c5;border:1px solid var(--line);border-radius:7px;font-size:12px}.pet-setting label{font-size:12px}.pet-setting input[type=checkbox]{accent-color:#d9bb81}#petForm .gold-button{width:100%;justify-content:center;margin:5px 0 10px}.ceremony-banner{position:fixed;top:82px;left:50%;transform:translateX(-50%);padding:11px 16px;border-radius:25px;color:#ffe8b6;text-align:center;font-size:12px;pointer-events:none}.map-destinations{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:10px}.map-destinations button{padding:8px 3px;border:1px solid var(--line);border-radius:7px;background:#28485b;color:#eee2c7;font-size:10px}.map-box{max-height:76dvh;overflow:auto}@media(max-width:760px){.travel-controls{top:72px;right:12px;max-width:215px;font-size:10px}.travel-controls button{font-size:10px;padding:7px 8px}.pet-controls{top:72px;left:12px;gap:5px;padding:5px}.pet-controls select,.pet-controls button{font-size:10px;padding:7px}.ceremony-banner{top:116px;max-width:90vw;white-space:nowrap;font-size:11px}.pet-setting{grid-template-columns:83px 1fr 77px}.map-destinations button{font-size:11px;min-height:33px}.map-box{width:220px!important}}

.context-card.train-compact{top:76px;right:16px;bottom:auto;width:142px;padding:8px 10px;border-radius:12px}.context-card.train-compact small{font-size:10px;margin:0 0 6px;line-height:1.4}.context-card.train-compact .gold-button{width:100%;min-height:32px;padding:7px 10px;font-size:11px;justify-content:center;border-radius:8px}@media(max-width:760px){.context-card.train-compact{top:74px;right:12px;bottom:auto;width:122px;padding:7px 9px}.context-card.train-compact small{font-size:9px;margin-bottom:5px}.context-card.train-compact .gold-button{font-size:10px;min-height:30px;padding:7px 9px}}

.cup-controls{position:fixed;right:14px;top:76px;width:150px;border-radius:14px;padding:11px;display:flex;align-items:center;flex-direction:column;gap:8px}.cup-controls>span{font-size:11px;color:#f1dab0}.cup-controls>small{font-size:9px;color:#b8cbd1}#cupWheelBtn{border:3px solid #ddbb73;border-radius:50%;width:51px;height:51px;background:#41646b;color:#f5dba0;font-size:35px;line-height:1;touch-action:none;transition:transform .4s}#cupWheelBtn.turn{transform:rotate(120deg)}#cupExitBtn{background:#e0c28b;color:#29434c;border-radius:7px;padding:8px 12px;font-size:10px}.cup-choices{display:grid;gap:12px;margin:20px 0}.cup-choices>button{padding:18px;border:1px solid #e0c99b66;border-radius:12px;background:#784758;color:#ffefd6;text-align:left;font-size:14px}.cup-choices>button:nth-child(2){background:#396b6d}.cup-choices>button:nth-child(3){background:#87633e}.cup-choices span{float:right;font-size:12px}.moderation-buttons{display:inline-flex;gap:6px;flex:0 0 auto!important}.moderation-buttons button{background:#29475c;border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:#d5c4a6;font-size:10px}.message .moderation-buttons{display:flex;justify-content:flex-end;margin-top:6px}.message .moderation-buttons button{font-size:9px;padding:4px 7px}#reportForm label{display:block;margin:13px 0 7px;font-size:12px}#reportCategory{width:100%;padding:12px;background:#213c50;color:#f0e4ca;border:1px solid var(--line);border-radius:8px}.report-block{line-height:1.8}#reportForm .gold-button{width:100%;justify-content:center;margin-top:12px}.person-row{flex-wrap:wrap}@media(max-width:760px){.cup-controls{width:132px;top:73px;right:12px;padding:9px}.moderation-buttons button{font-size:10px;min-height:28px}}

.top-tools .mic{position:static;inset:auto;flex:0 0 auto}.actions{bottom:calc(8px + env(safe-area-inset-bottom));padding:6px 10px;gap:2px;border-radius:22px}.actions button{min-height:38px;padding:3px 10px;gap:4px;font-size:10px}.actions button>span:first-child{font-size:19px;height:20px}.actions button svg{width:18px;height:18px}.actions button>span:last-child{font-size:10px}@media(pointer:coarse){.glass{backdrop-filter:none;background:#122d43ed}.profile{max-width:135px}.top-tools{gap:4px}.top-tools .mic{width:29px;height:29px}.actions{bottom:calc(6px + env(safe-area-inset-bottom));padding:5px 7px;gap:1px}.actions button{min-width:47px;min-height:38px;padding:3px 8px;gap:3px}.actions button>span:first-child{font-size:18px;height:18px}.actions button svg{width:17px;height:17px}.actions button>span:last-child{font-size:8px}.emote-menu{bottom:64px}.held-controls{bottom:67px}#toast{bottom:65px}.connection{bottom:175px}.chat-preview{bottom:190px}.context-card:not(.train-compact){bottom:145px}#joystick{bottom:72px}}

.resting #petControls,.resting #cupControls,.resting #ceremonyBanner{display:none!important}

#adsModal{max-width:720px}#adImage{width:100%;max-height:65dvh;object-fit:contain;border-radius:12px;background:#f9efdb}#petFeedForm select{max-width:180px}.pet-controls{flex-wrap:wrap;max-width:calc(100vw - 36px)}.pet-controls #petFeedBtn{padding:8px 10px;border-radius:10px;background:#365667}.setting-buttons a{text-align:center;text-decoration:none;font-size:10px}

#letterModal{max-width:580px}.letter-intro{color:#e7d5b2;line-height:1.9;font-family:Georgia,'Batang',serif}.letter-counter{background:#2b4b53;padding:16px;border-radius:12px;margin:20px 0;display:grid;gap:10px}.letter-counter progress{width:100%;accent-color:#e5c47f}.letter-counter small{color:#bfcfd4}#letterForm>label:not(.paw-choice){display:block;margin:16px 0 8px}#letterRecipient,#letterBody{width:100%;box-sizing:border-box;background:#fcf2dc;color:#413f3b;border:1px solid #cbb282;border-radius:8px;padding:12px}#letterBody{line-height:1.9;resize:vertical;background-image:repeating-linear-gradient(transparent,transparent 28px,#cdbb8e44 29px,#cdbb8e44 30px);background-attachment:local}.paw-choice{display:flex;align-items:center;gap:10px;margin:18px 0 8px}#letterPawHint{display:block;color:#b7c8ce;line-height:1.7}#letterPawPreview{margin-top:12px;padding:12px;border:1px dashed #c6ac79;border-radius:10px;color:#f2d6aa}#postLetterBtn{width:100%;justify-content:center;margin-top:20px}#letterReceipt{line-height:1.7;color:#e4ca9f}

#ownerTools{border-top:1px solid var(--line);margin-top:20px;padding-top:6px}.owner-test-controls{position:absolute;top:165px;right:18px;display:flex;align-items:center;gap:10px;border-radius:14px;padding:10px 12px;font-size:10px;z-index:13}.owner-test-controls button{background:#edcf92;color:#233f4a;padding:8px 12px;border-radius:9px}.actions{max-width:calc(100vw - 22px)}.actions button{flex-shrink:0}

.ceremony-testing #contextPanel,.ceremony-testing #petControls,.ceremony-testing #heldControls,.ceremony-testing #mapPanel,.ceremony-testing .actions{display:none!important}

.letter-paper{position:relative}.letter-paper #letterBody{padding-bottom:78px}#letterPawPreview.paw-ink-stamp{position:absolute;right:12px;bottom:16px;width:55px;height:65px;margin:0;padding:0;border:0;border-radius:0;color:#984852;transform:rotate(-12deg);pointer-events:none;opacity:.8;display:grid;justify-items:center;align-content:start;gap:1px}.paw-ink-stamp svg{width:49px;height:49px}.paw-ink-stamp span{font-size:8px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paw-stamp-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:12px 0}.paw-stamp-actions button{padding:10px 13px;border-radius:9px;background:#ebd1a1;color:#29434a}#clearPawBtn{background:transparent;color:#c4d0d6;text-decoration:underline}.paw-ink-stamp.stamping{animation:paw-press .36s ease-out}@keyframes paw-press{0%{opacity:0;transform:rotate(-12deg) scale(1.8)}60%{opacity:.95;transform:rotate(-12deg) scale(.94)}100%{opacity:.8;transform:rotate(-12deg) scale(1)}}
