#start-screen{position:fixed;inset:0;z-index:1000;background:#173f3c url(../title/park.jpg) center/cover no-repeat;transition:opacity .5s ease;isolation:isolate;pointer-events:none;overflow:hidden}#title-start{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,3vh,32px);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#title-start:hover{background:transparent}#title-start:focus-visible{outline:3px solid #fff;outline-offset:-8px}#title-start img{display:block;width:min(96vw,1100px);max-height:72dvh;object-fit:contain;mix-blend-mode:screen;transition:opacity .5s ease,transform .5s ease;pointer-events:none;user-select:none;-webkit-user-drag:none}#title-start span{font:600 clamp(14px,2.4vw,22px)/1.5 "Segoe UI",sans-serif;letter-spacing:.24em;text-shadow:0 2px 8px #000,0 0 18px #002d58;background:#08263666;border-radius:30px;padding:10px 22px;animation:title-prompt 2.4s ease-in-out infinite}@keyframes title-prompt{0%,to{opacity:1}50%{opacity:.35}}html[data-startup] #app>:not(#entry-guide):not(dialog){visibility:hidden!important;pointer-events:none!important}html[data-startup=title] #entry-guide,html[data-startup=leaving] #entry-guide{opacity:0;visibility:hidden;pointer-events:none}html[data-startup] #entry-guide{z-index:1001;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;transition:opacity .5s ease;background:#faf9f0f5}html[data-startup=entry] #entry-guide{animation:entry-reveal .5s ease both}@keyframes entry-reveal{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}html[data-startup=leaving] #title-start{pointer-events:none}html[data-startup=leaving] #title-start img{opacity:0;transform:scale(1.025)}html[data-startup=leaving] #title-start span{opacity:0;animation:none;transition:opacity .5s ease}#start-screen.is-finished{opacity:0}@media(prefers-reduced-motion:reduce){#title-start span{animation:none}#title-start,#start-screen,html[data-startup] #entry-guide{transition-duration:.01s}html[data-startup=entry] #entry-guide{animation:none}}html[data-startup] #entry-dismiss{display:none}html[data-startup=entry] #app:has(#account-dialog[open]) #entry-guide{visibility:hidden;pointer-events:none}html[data-startup] #account-dialog.startup-login{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);animation:startup-login-reveal .5s ease both}#account-dialog.startup-login .wardrobe-tabs,#account-dialog.startup-login .account-identity,#account-dialog.startup-login #pane-wear{display:none}#startup-guest{margin-top:12px;width:100%}@keyframes startup-login-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html[data-startup] #account-dialog.startup-login{animation:none}}html[data-startup] #app{z-index:1001;pointer-events:none}html[data-startup] #entry-guide,html[data-startup] #app>dialog{pointer-events:auto}html[data-startup=terms] #entry-guide{opacity:0;visibility:hidden;pointer-events:none}.terms-dialog{box-sizing:border-box;width:min(720px,calc(100vw - 32px));height:min(760px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #d4dfd1;border-radius:18px;background:#faf9f0f7;color:#173f3c;display:flex;flex-direction:column;gap:12px;overflow:hidden;pointer-events:auto;opacity:1;transition:opacity .25s ease;touch-action:pan-x pan-y}.terms-dialog:not([open]){display:none}.terms-dialog::backdrop{background:#173f3c50}.terms-dialog h2{font-size:24px;margin:0}.terms-dialog .terms-note{font-size:12px;line-height:1.7;margin:0}.terms-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:12px 16px;border:1px solid #cbd6c8;border-radius:10px;background:#fffefa}.terms-body h3{font-size:15px;margin:8px 0}.terms-body p{font-size:13px;line-height:1.9;margin:0 0 18px;overflow-wrap:anywhere}.terms-body .terms-version{font-size:11px;margin-bottom:0}.terms-dialog .terms-hint{font-size:11px;margin:0}.terms-dialog button{flex:none;min-height:48px;font:inherit;font-weight:600;border:0;border-radius:9px;color:#faf9f0;background:#173f3c;cursor:pointer;touch-action:manipulation}.terms-dialog button:focus-visible,.terms-body:focus-visible{outline:3px solid #dc9a34;outline-offset:3px}.terms-dialog.is-leaving{opacity:0}.terms-dialog{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@media(max-width:600px){.terms-dialog{padding:16px;gap:10px;width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}.terms-body{padding:10px 12px}.terms-dialog h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.terms-dialog{transition:none}}html[data-startup=notice] #start-screen,html[data-startup=notice-leaving] #start-screen{background:#102e2c}html[data-startup=notice] #title-start,html[data-startup=notice-leaving] #title-start,html[data-startup=notice] #entry-guide,html[data-startup=notice-leaving] #entry-guide{opacity:0;visibility:hidden;pointer-events:none}#start-notice{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vw,64px);box-sizing:border-box;color:#faf9f0;text-align:center;pointer-events:auto;transition:opacity .3s ease}.start-notice-content{max-width:760px;max-height:100%;overflow:auto;line-height:1.9}#start-notice h1{font-size:clamp(24px,4vw,36px);font-weight:600;letter-spacing:.14em;margin:0 0 28px}#start-notice p{font-size:clamp(14px,2.2vw,19px);line-height:1.9;margin:14px 0;color:#f3f3e8}#start-notice #notice-start{display:inline-block;border:1px solid #c9c7a2;background:#faf8ee0d;color:#fffbe9;border-radius:12px;padding:13px 22px;margin:28px 0 0;font:inherit;font-size:clamp(13px,2vw,16px);cursor:pointer;touch-action:manipulation}#start-notice #notice-start:hover{background:#faf8ee20}#notice-start:focus-visible{outline:3px solid #e6c578;outline-offset:4px}#start-notice .start-notice-audio{font-size:12px;opacity:.7;margin-top:10px}html[data-startup=notice-leaving] #start-notice{opacity:0;pointer-events:none}html[data-startup=title] #title-start img{animation:title-arrive .5s cubic-bezier(.2,.7,.2,1) both}@keyframes title-arrive{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){#start-notice{transition:none}html[data-startup=title] #title-start img{animation:none}}@media(max-height:500px){#start-notice{padding:16px}#start-notice h1{margin-bottom:12px}#start-notice p{margin:8px 0}#start-notice #notice-start{margin-top:12px}}.quiz-dialog{background:var(--cream,#faf9f0);color:#173f3c;border:1px solid #c0cfc4;border-radius:22px;box-shadow:0 18px 65px #143b3a40;width:min(1180px,96vw);max-height:94dvh;overflow:auto;padding:22px;box-sizing:border-box}.quiz-dialog h2{margin:0}.quiz-dialog h2 small{font-size:.55em;font-weight:400}.quiz-dialog [data-roster]{margin:8px 0;font-size:.9rem}.quiz-top{display:flex;justify-content:space-between;gap:12px}.quiz-top [data-timer]{color:#ad4f27;white-space:nowrap}.quiz-topic{background:#e4efdb;border:1px solid #b0c99e;padding:10px;border-radius:12px;font-size:1.1rem}.quiz-settings{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.quiz-settings label{display:flex;align-items:center;gap:6px}.quiz-settings select{width:auto}.quiz-game{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,27%);gap:14px;align-items:start}.quiz-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;background:#e8eee6;border-radius:12px;margin-bottom:8px}.quiz-tools label{display:flex;align-items:center;font-size:.8rem;gap:4px}.quiz-tools input[type=range]{width:85px;min-width:0}.quiz-tools input[type=color]{width:36px;height:30px;padding:0}.quiz-tools [data-palette]{display:flex;gap:3px}.quiz-tools [data-palette] button{width:23px;min-width:23px;height:26px;min-height:26px;border:1px solid #aabbb1;border-radius:6px;padding:0}.quiz-tools button{font-size:.8rem;min-height:30px}.quiz-tools [aria-pressed=true]{background:#d2944f;color:#fff}.quiz-canvas-wrap{position:relative;border:1px solid #c0cfc4;border-radius:12px;overflow:hidden;background:#fff}.quiz-canvas-wrap canvas{width:100%;height:auto;display:block;aspect-ratio:4/3;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.quiz-can-draw{cursor:crosshair}.quiz-outcome{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:#fff9e5dc;color:#174540;text-align:center;padding:20px;pointer-events:none}.quiz-outcome[hidden]{display:none}.quiz-outcome strong{font-size:clamp(2rem,5vw,4rem);color:#b6672d}.quiz-outcome span{font-size:clamp(1.1rem,2.5vw,1.8rem)}.quiz-chat{border:1px solid #cad5ca;background:#f1f4eb;border-radius:14px;padding:12px;min-width:0}.quiz-chat h3{font-size:.95rem;margin:0 0 10px}.quiz-chat [data-chat]{height:clamp(150px,35vh,360px);overflow:auto;overflow-wrap:anywhere}.quiz-chat [data-chat] p{margin:0 0 8px;font-size:.9rem}.quiz-correct{color:#a25925;font-weight:700}.quiz-chat form{display:flex;flex-direction:column;gap:6px}.quiz-chat input{min-width:0;width:100%;box-sizing:border-box}.quiz-dialog [data-error]{color:#b42d2d;min-height:1em}.quiz-tools[hidden]{display:none}@media(max-width:700px){.quiz-dialog{padding:14px;width:98vw;max-height:96dvh}.quiz-game{grid-template-columns:1fr}.quiz-chat [data-chat]{height:110px}.quiz-chat form{flex-direction:row}.quiz-chat form input{flex:1}.quiz-chat form button{white-space:nowrap}.quiz-settings{font-size:.85rem}.quiz-tools{gap:5px}.quiz-tools [data-palette]{flex-wrap:wrap;max-width:140px}}.quiz-canvas-wrap [data-canvas]{display:flex;justify-content:center;background:#e3e9df}.quiz-canvas-wrap canvas{width:min(100%,60dvh);height:auto;flex-shrink:1}.quiz-playing .quiz-settings label,.quiz-playing [data-start]{display:none}.quiz-window-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.quiz-window-actions button{padding:8px;font-size:12px}.quiz-dialog>.dialog-title>div:first-child{min-width:0}.quiz-dialog.is-maximized{position:fixed;inset:auto;left:calc(var(--game-left,0px) + env(safe-area-inset-left));top:calc(var(--game-top,0px) + env(safe-area-inset-top));margin:0;width:calc(var(--game-width,100vw) - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(var(--game-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:none;max-height:none;box-sizing:border-box;border-radius:0;padding:16px}.quiz-dialog.is-maximized>.dialog-title{position:sticky;top:-16px;z-index:2;background:var(--cream,#faf9f0);padding-top:8px;padding-bottom:8px}.quiz-dialog.is-maximized .quiz-canvas-wrap canvas{width:min(100%,var(--quiz-canvas-width,80dvh))}@media(max-width:600px){.quiz-dialog.is-maximized{padding:10px}.quiz-dialog.is-maximized>.dialog-title{top:-10px}.quiz-dialog>.dialog-title{gap:6px}.quiz-window-actions{gap:4px}.quiz-window-actions button{padding:7px}.quiz-dialog h2{overflow-wrap:anywhere}}.quiz-heading-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.quiz-heading-line [data-leave]{font-size:12px;padding:8px;white-space:nowrap}.quiz-topic-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,27%);align-items:center;gap:14px;margin:8px 0}.quiz-topic-row[hidden]{display:none}.quiz-topic-row .quiz-topic{margin:0;padding:8px 10px}.quiz-drawing-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.quiz-drawing-actions button{font-size:12px;padding:8px;white-space:nowrap}.quiz-playing.quiz-participant .quiz-settings{display:none}.quiz-dialog .quiz-canvas-wrap canvas{width:min(100%,var(--quiz-canvas-width,60dvh))}@media(max-width:700px){.quiz-topic-row{grid-template-columns:minmax(0,1fr) auto;gap:6px}.quiz-drawing-actions{gap:4px}.quiz-drawing-actions button{font-size:11px;padding:7px}.quiz-topic-row .quiz-topic{font-size:.95rem}.quiz-heading-line{gap:6px}.quiz-heading-line [data-leave]{font-size:11px;padding:7px}}@media(max-width:600px){.quiz-heading-line{flex-wrap:nowrap}.quiz-dialog h2{font-size:16px}.quiz-heading-line h2 small{display:block;font-size:10px}.quiz-dialog>.dialog-title{align-items:center}}.shiritori-dialog{box-sizing:border-box;width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid #c9d5c5;border-radius:22px;background:#fbf9ef;color:#194c43}.shiritori-history,.shiritori-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shiritori-history label{display:flex;align-items:center;gap:8px}.shiritori-join{padding:18px;background:#eaf0df;border-radius:16px;margin-top:16px}.shiritori-join input{display:block;margin:8px 0 12px;width:min(100%,360px);box-sizing:border-box;padding:10px}.shiritori-gallery{display:flex;gap:18px;overflow-x:auto;padding:10px 5px 20px;min-height:80px}.shiritori-gallery .shiritori-card{flex:0 0 230px;padding:9px;border-radius:14px;background:#fffdf5}.shiritori-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:8px}.shiritori-card span{display:block;padding-top:8px;overflow-wrap:anywhere}.shiritori-image{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;border:1px solid #c9d5c5;border-radius:18px;background:#fbf9ef;padding:16px}.shiritori-image>button{float:right}.shiritori-image img{display:block;max-width:100%;max-height:75dvh;object-fit:contain;margin:0 auto}.shiritori-clock{font-weight:700;color:#8b5829}.shiritori-dialog [hidden],.drawing-dialog .drawing-session-tools[hidden]{display:none!important}@media(max-width:540px){.shiritori-dialog{padding:16px}.shiritori-gallery .shiritori-card{flex-basis:190px}.shiritori-history select{max-width:190px}.shiritori-join{padding:12px}}.shiritori-gallery .shiritori-card{position:relative}.shiritori-gallery .shiritori-card:not(:last-child):after{content:"→";position:absolute;right:-18px;top:40%;color:#54765b;font-size:20px;pointer-events:none}.npc-dialogue{position:fixed;inset:auto;left:calc(50% - 240px);top:24%;margin:0;box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:visible;padding:45px 44px 37px;border:0;background:transparent;color:#654325;font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:16px;pointer-events:auto;touch-action:manipulation;isolation:isolate;animation:npc-cloud-arrive .18s ease-out}.npc-dialogue:not([open]){display:none}.npc-dialogue::backdrop{background:transparent}.npc-cloud{position:absolute;inset:0;z-index:-2;pointer-events:none;filter:drop-shadow(0 5px 9px #513a232e)}.npc-cloud svg{display:block;width:100%;height:100%;overflow:visible}.npc-cloud-tail{position:absolute;width:44px;height:38px;left:calc(var(--tail-x,50%) - 22px);bottom:-16px;z-index:-1;pointer-events:none}.npc-cloud-tail svg{display:block;width:100%;height:100%}.npc-dialogue[data-tail=top] .npc-cloud-tail{bottom:auto;top:-16px;transform:scaleY(-1)}.npc-speaker{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:8px;max-width:75%;padding:6px 16px 7px;border:2px solid #795333;border-radius:55% 45% 48% 52%/44% 52% 48% 56%;background:linear-gradient(#3e6139,#28442e);box-shadow:inset 0 2px #ffffff25,0 2px #68452626;color:#fff8de;font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap;letter-spacing:.03em}.npc-speaker svg{width:24px;height:24px;flex:none;color:#fff8de}#app .npc-dialogue>button{position:absolute;right:26px;top:23px;width:28px;height:28px;min-height:28px;padding:0;border:1px solid #bca37a80;border-radius:50%;background:#fff9ebbd;color:#896849;font:700 20px/1 sans-serif;box-shadow:none;opacity:.8;cursor:pointer}#app .npc-dialogue>button:hover{background:#ffe5bc;opacity:1}.npc-dialogue-text{position:relative;margin:12px 0 9px;font-size:19px;font-weight:800;line-height:1.7;text-wrap:pretty;overflow-wrap:anywhere;letter-spacing:.015em}.npc-dialogue-status{position:relative;margin:8px 0 5px;font-size:13px;font-weight:600;line-height:1.6;color:#92704d;overflow-wrap:anywhere}.npc-dialogue-status:empty{display:none}.npc-dialogue-actions{position:relative;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:17px}#app .npc-dialogue-actions button{position:relative;box-sizing:border-box;min-height:46px;min-width:120px;padding:8px 28px;border:2px solid #825934;border-radius:999px;background:linear-gradient(#fffdf6,#fff2dc);color:#714b2e;font:800 18px/1.35 "M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Yu Gothic,Meiryo,sans-serif;letter-spacing:.04em;box-shadow:inset 0 2px 1px #fff,0 3px #c7a77a45;cursor:pointer;transition:background .12s,box-shadow .12s,transform .12s;outline:none}#app .npc-dialogue-actions button:hover:not(:disabled){background:linear-gradient(#ffe9bf,#ffd99f);transform:translateY(-1px)}#app .npc-dialogue-actions button:is(:focus,:focus-visible):not(:disabled){background:linear-gradient(#ffd18b,#f2a34e);color:#5c3d23;border-color:#fffaf0;outline:3px solid #f4aa37;outline-offset:1px;box-shadow:inset 0 2px 1px #fff8dd,0 0 0 5px #f6b34640,0 4px #c8853d40}#app .npc-dialogue-actions button:is(:focus,:focus-visible):not(:disabled):before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #365739;filter:drop-shadow(1px 0 0 #fff8dc)}#app .npc-dialogue-actions button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 4px #9a652d25}#app .npc-dialogue button:disabled{opacity:.42;cursor:default;box-shadow:none}#app .npc-dialogue>button:focus-visible{outline:3px solid #e7a144;outline-offset:2px}@keyframes npc-cloud-arrive{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}@media(max-width:540px){.npc-dialogue{padding:43px 31px 30px}.npc-dialogue-text{font-size:17px;line-height:1.65}.npc-speaker{font-size:12px;padding:6px 12px}.npc-speaker svg{width:21px;height:21px}#app .npc-dialogue>button{right:19px;top:25px;width:25px;height:25px;min-height:25px;font-size:18px}.npc-dialogue-actions{gap:13px}#app .npc-dialogue-actions button{min-width:108px;min-height:44px;font-size:17px;padding:8px 25px}.npc-dialogue-status{font-size:12px}}@media(max-height:420px){.npc-dialogue{padding-top:35px;padding-bottom:27px}.npc-speaker{font-size:12px;padding-block:4px}.npc-speaker svg{height:20px}.npc-dialogue-text{font-size:16px;margin:5px 0}.npc-dialogue-actions{margin-top:11px}#app .npc-dialogue-actions button{min-height:39px;font-size:16px}.npc-dialogue-status{margin:4px 0;font-size:12px}}@media(prefers-reduced-motion:reduce){.npc-dialogue{animation:none}#app .npc-dialogue-actions button{transition:none}}.tag-trial-dialog{width:min(440px,92vw)}.tag-trial-dialog>button{display:block;width:100%;margin-top:10px;min-height:40px}.tag-skill-hud{position:fixed;left:max(16px,env(safe-area-inset-left));top:max(100px,env(safe-area-inset-top));z-index:15;display:flex;flex-direction:column;gap:7px;max-width:260px;padding:12px;border:1px solid #d4dec9;border-radius:12px;background:#faf9f0e8;color:#173f3c;font-size:12px;pointer-events:none}.tag-skill-hud[hidden]{display:none}.tag-skill-hud button{pointer-events:auto;min-height:38px}.tag-skill-hud span{min-height:18px}.area-audio-prompt{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:1002;border:1px solid #c6b580;border-radius:12px;background:#faf8eef5;color:#173f3c;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}.finger-controls{min-width:0;border:1px solid #cdd4c9;border-radius:10px;padding:12px;margin:12px 0;color:var(--ink,#173f3c)}.finger-controls>summary{font-weight:700;cursor:pointer;margin-bottom:10px}.finger-hand-tabs,.finger-presets{display:flex;gap:6px;margin:10px 0}.finger-controls .finger-hand-tabs>button{flex:1;margin:0}.finger-controls .finger-presets>button{flex:1;min-width:0;margin:0;padding:8px 4px}.finger-controls>label{display:block;margin:12px 0}.finger-controls>label>output{float:right}.finger-controls input[type=range]{display:block;width:100%;min-height:28px;margin:2px 0}.finger-controls>label>.small{display:block;font-size:.72rem;opacity:.75}.finger-controls>[data-finger-reset]{width:100%}#avatar-shop-editor{width:min(1100px,96vw);max-width:96vw;max-height:calc(var(--game-height,100dvh) - 24px);padding:22px;overflow:auto;background:var(--cream,#faf8ee)}#avatar-shop-editor:not([open]){display:none}.avatar-shop-grid{display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.1fr);gap:24px;align-items:start}.avatar-shop-fields{display:flex;flex-direction:column;gap:14px;max-height:55dvh;overflow:auto;padding:4px 8px 10px 2px}.avatar-shop-fields label{display:flex;flex-direction:column;gap:6px}.avatar-shop-fields .avatar-shop-part{display:flex;flex-direction:row;align-items:center;gap:10px;padding:8px 0;font-size:.88rem;overflow-wrap:anywhere}.avatar-shop-part input{flex:0 0 auto;width:20px;height:20px}.avatar-shop-fields input[type=color]{width:100%;height:40px}.avatar-shop-fields select{width:100%}.avatar-shop-fields details{border:1px solid #cdd4c9;border-radius:10px;padding:12px}.avatar-shop-fields details summary{cursor:pointer;font-weight:700}.avatar-shop-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #d9ddce;margin-top:14px}.avatar-shop-actions button{flex:1}.avatar-shop-grid .pose-exchange-preview{width:100%;height:auto;max-height:48dvh;object-fit:contain}@media(max-width:680px){#avatar-shop-editor{padding:16px}.avatar-shop-grid{grid-template-columns:1fr;gap:12px}.avatar-shop-grid .pose-exchange-preview-group{grid-row:1}.avatar-shop-grid .pose-exchange-preview{max-height:27dvh}.avatar-shop-fields{max-height:30dvh}.avatar-shop-actions{gap:6px}.avatar-shop-actions button{min-width:120px;font-size:.8rem}}#avatar-shop-editor[open]{display:flex;flex-direction:column}#avatar-shop-editor>.dialog-title,#avatar-shop-editor>p,.avatar-shop-actions{flex-shrink:0}.avatar-shop-grid{min-height:0;overflow-y:auto}.mission-panel{position:fixed;z-index:7;left:calc(var(--game-left,0px) + max(16px,env(safe-area-inset-left)));top:calc(var(--game-top,0px) + 112px);width:280px;height:208px;max-width:calc(100vw - 16px);max-height:calc(var(--game-height,100dvh) - 100px);padding:10px 12px 22px;display:flex;flex-direction:column;pointer-events:auto}.mission-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.mission-heading h2{font-size:14px;margin:0}.mission-move{font-size:22px;min-width:34px;min-height:30px;padding:0;border:0;background:transparent;line-height:1;touch-action:none}.mission-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.mission-day{font-size:10px;color:#53685b}.mission-list{display:grid;gap:10px;list-style:none;margin:9px 0;padding:0}.mission-list li{position:relative;display:flex;gap:9px;align-items:flex-start;padding-bottom:16px}.mission-list li>div{min-width:0;flex:1}.mission-list strong{font-size:12px;line-height:1.6;display:block}.mission-check{display:grid;place-items:center;flex:none;width:19px;height:19px;margin-top:2px;border:1px solid #55706085;border-radius:4px;color:#285c44;font-weight:700;font-size:15px;background:#fffff54d}.mission-list p{margin:3px 0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.mission-description{color:#52685a}.mission-reward{color:#405b42;font-weight:650}.mission-list .is-complete>div{opacity:.42}.mission-list .is-complete .mission-check{background:#d3e7cfa8;border-color:#5c8866}.mission-completion{position:absolute;left:28px;bottom:0;font-size:10px;color:#59745e}.mission-completion:empty{display:none}.mission-reset,.mission-status{font-size:10px;line-height:1.5;margin:4px 0 0;color:#53685b}.mission-status:empty{display:none}@media(max-width:700px){.mission-panel{top:calc(var(--game-top,0px) + 76px);width:260px;height:202px;left:calc(var(--game-left,0px) + max(12px,env(safe-area-inset-left)))}}#app .mission-panel{height:330px;margin:0;color:var(--ink);background:var(--cream);backdrop-filter:none;border:1px solid #dbe2d2;border-radius:18px}#app .mission-panel:not([open]){display:none}.mission-heading h2{white-space:nowrap}.mission-heading{gap:4px}.mission-move{margin-left:auto}.mission-close{min-width:34px;min-height:30px;padding:4px}:root{--button-ivory:#f9f5e9;--button-gold:#c6b995;--button-ink:#515c4b;--button-green:#36594b;--button-focus:#95773c}#app button.classic-button{color:var(--button-ink);background:var(--button-ivory);border:1px solid var(--button-gold);border-radius:4px;box-shadow:0 1px 3px #4b4c2b12;min-height:var(--classic-button-min-height,36px);font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;letter-spacing:.025em;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease;color-scheme:light}#app button.classic-button:hover:not(:disabled){background:#eee8d8;border-color:#a99766;box-shadow:0 2px 6px #4b4c2b20}#app button.classic-button:active:not(:disabled){background:#e8dfc9;box-shadow:inset 0 1px 4px #5e57322b}#app button.classic-button:is(.primary,[type=submit],[data-confirm],#account-submit,#terms-agree,#entry-join,#wardrobe-join,.drawing-submit button,.gomoku-actions [data-join],.gomoku-actions [data-rematch]){background:var(--button-green);color:#fff8df;border-color:#b8a369;box-shadow:inset 0 0 0 3px var(--button-green),inset 0 0 0 4px #a5a076,0 2px 5px #284c3020}#app button.classic-button:is([aria-pressed=true],[aria-selected=true],.active,.last-one-declare-on){background:var(--button-green);color:#fff8df;border-color:#b8a369;box-shadow:inset 0 0 0 3px var(--button-green),inset 0 0 0 4px #a5a076}#app button.classic-button:is(.primary,[type=submit],[data-confirm],#account-submit,#terms-agree,#entry-join,#wardrobe-join,[aria-pressed=true],[aria-selected=true]):hover:not(:disabled){background:#426655;box-shadow:inset 0 0 0 3px #426655,inset 0 0 0 4px #c2b47f,0 2px 6px #284c3020}#app button.classic-button:focus{outline:3px solid var(--button-focus);outline-offset:3px}#app button.classic-button:disabled{opacity:.48;cursor:default;box-shadow:none}#app :is(.drawing-tools,.pose-exchange-rotation,.saved-avatar-actions) button.classic-button{--classic-button-min-height:28px}#app .topbar{gap:0;padding:5px;background:#f9f4e5f5;border:1px solid #c0b089;border-radius:5px;box-shadow:0 4px 12px #44432325;backdrop-filter:blur(10px)}#app .topbar button.classic-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 13px;flex:0 0 auto;border:0;border-right:1px solid #d5cbb5;border-radius:2px;background:transparent;box-shadow:none;backdrop-filter:none}#app .topbar button.classic-button:last-of-type{border-right:0}#app .topbar button.classic-button:is(:focus,:hover){background:var(--button-green);color:#fff8df;box-shadow:inset 0 0 0 1px #c4ae6c,inset 0 0 0 4px var(--button-green),inset 0 0 0 5px #a5a076}#app .topbar button.classic-button:focus{outline:2px solid #95773c;outline-offset:1px}.classic-menu-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#app :is(#menu-toggle,#fullscreen-toggle).classic-button{border-radius:5px;background:#f9f5e9eb}#app #fullscreen-toggle.classic-button{opacity:1;color:var(--button-ink)}#app #fullscreen-toggle.classic-button[aria-pressed=true]{background:var(--button-green);color:#fff8df;border-color:#b8a369;box-shadow:0 2px 6px #173f3c26}#app :is(.photo-shutter,#chat-restore,.drawing-chat-icon).classic-button{border-radius:50%}#app :is(.dialog-title,.photo-panel-heading) button.classic-button:where([data-close],[aria-label=閉じる]){min-width:34px;min-height:34px;background:transparent;border-color:transparent;box-shadow:none}#app .file-button,#terms-dialog #terms-agree{background:var(--button-green);color:#fff8df;border:1px solid #b8a369;border-radius:4px;box-shadow:inset 0 0 0 3px var(--button-green),inset 0 0 0 4px #a5a076;font-family:Yu Mincho,serif}#terms-dialog #terms-agree:focus{outline:3px solid var(--button-focus);outline-offset:3px}@media(max-width:700px){#app .topbar{padding:4px;row-gap:4px}#app .topbar button.classic-button{padding:7px 9px;gap:5px;font-size:11px;min-height:40px}.classic-menu-icon{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){#app button.classic-button{transition:none}}.wallet-dialog{width:min(560px,94vw);max-height:85dvh;overflow:auto}.wallet-balance{font-size:30px;font-weight:700;line-height:1.3;margin:14px 0 4px;color:var(--ink);overflow-wrap:anywhere}.wallet-status:empty{display:none}.wallet-history{list-style:none;display:grid;gap:10px;padding:0;margin:12px 0}.wallet-history li{padding:12px;border:1px solid var(--line);border-radius:10px;background:#ffffff70}.wallet-history li>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.wallet-history p{margin:6px 0;color:var(--ink);overflow-wrap:anywhere}.wallet-history time,.wallet-after{font-size:11px;color:var(--muted)}.wallet-after{display:block}.wallet-credit{color:#23714c}.wallet-debit{color:#a04c30}.wallet-actions{display:flex;gap:8px;flex-wrap:wrap}.wallet-actions button{min-height:42px}.startup-audio-prompt{border:1px solid #c6b580;border-radius:12px;background:#faf8eef5;color:#173f3c;padding:10px 14px;font:inherit;font-size:13px;cursor:pointer;pointer-events:auto}#start-screen>.startup-audio-prompt{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:1002}dialog>.startup-audio-prompt{align-self:flex-end;flex:none;margin:0 0 8px;max-width:100%}#entry-guide>.startup-audio-prompt{width:100%;margin-top:12px}.exhibition-dialog.exhibition-editing{inset:0;margin:auto;width:min(1080px,94vw);max-height:calc(var(--game-height,100dvh) - 24px);overflow:auto}.exhibition-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:24px;align-items:start}.exhibition-editor-layout>form{min-width:0}.exhibition-editor-layout input[type=file]{max-width:100%}.exhibition-editor-preview{position:sticky;top:0;min-width:0}.exhibition-editor-preview h3{margin-top:0}.exhibition-editor-preview .pose-exchange-preview{max-width:100%;width:100%;height:auto}.exhibition-editor-preview p{margin-bottom:8px}@media(max-width:700px){.exhibition-editor-layout{grid-template-columns:1fr}.exhibition-editor-preview{position:static;grid-row:1}.exhibition-editor-preview .pose-exchange-preview{max-height:32dvh;object-fit:contain}.exhibition-dialog.exhibition-editing{width:94vw}}.exhibition-editor-layout>form>label{min-width:0}.exhibition-editor-layout>form>label>select{display:block;width:100%;max-width:100%;min-width:0}.home-interact{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:12;background:#f7f7eed9;padding:.6rem 1rem;max-width:70vw}.furniture-placement{position:fixed;top:calc(70px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:15;width:min(440px,90vw);background:#f7f7eeeb;padding:12px;border-radius:16px;text-align:center;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.furniture-placement p{margin:4px 0;font-size:13px}.furniture-placement div{display:flex;gap:5px;justify-content:center}.furniture-placement button{padding:9px;min-height:40px}.furniture-placement[hidden]{display:none}.home-dialog{width:min(560px,90vw);max-height:85dvh;overflow:auto}.home-dialog [data-body]{display:flex;flex-direction:column;gap:.75rem}.home-dialog label{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:.5rem}.home-dialog input[type=range]{width:100%;min-width:0}.home-dialog select{max-width:100%}.home-dialog [data-visitors]{display:grid;gap:.6rem;margin-top:1rem}.home-dialog [data-error]:empty{display:none}.frame-color-controls{display:grid;gap:10px;margin:8px 0}.frame-color-controls label{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px}.frame-color-controls select{min-width:0;width:100%}.frame-color-controls input[type=color]{width:70px;height:36px;padding:2px}.home-dialog [data-frame-settings]{display:grid;gap:12px}.home-messages-dialog{width:min(680px,94vw);overflow:auto}.home-messages-dialog form{display:grid;gap:10px}.home-messages-dialog label,.home-messages-dialog textarea{display:block;width:100%}.home-messages-dialog textarea{margin-top:8px;resize:vertical;min-height:90px;font:inherit;font-size:16px}.home-message-list{display:grid;gap:12px;margin:14px 0}.home-message-list article{padding:12px;border:1px solid #ccd7cd;border-radius:10px;background:#ffffff60}.home-message-list article>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.home-message-list time{font-size:12px;color:var(--muted)}.home-message-list article p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;color:var(--ink)}.home-message-author{padding:3px 6px;text-decoration:underline;overflow-wrap:anywhere;max-width:100%}.home-message-list article>div>button:last-child:not(.home-message-author){margin-left:auto}.furniture-placement>div{flex-wrap:wrap}.furniture-placement .furniture-repeat[aria-pressed=true]{background:#237b54;color:#fff;border-color:#1b6644;box-shadow:0 0 0 2px #68bd8d66}.home-exit-dialog{width:min(400px,90vw)}.home-exit-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.home-exit-actions [data-confirm]{background:#245c50;color:#fff}.home-exit-dialog [data-error]:empty{display:none}.home-dialog.furniture-menu-dialog{inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:100dvh;border:0;border-radius:0;background:transparent;overflow:visible;pointer-events:none}.home-menu-card{position:fixed;left:max(16px,calc(50vw - 500px));top:10dvh;width:calc(50vw - 32px);max-width:480px;max-height:80dvh;overflow:auto;padding:24px;border:1px solid #dbe2d2;border-radius:18px;background:var(--cream);pointer-events:auto;overscroll-behavior:contain}.home-menu-card select{width:100%;min-width:0;padding:9px}.home-menu-card label{grid-template-columns:90px minmax(0,1fr)}.furniture-preview-window{position:fixed;left:calc(50vw + 16px);top:10dvh;width:min(380px,calc(50vw - 32px));height:440px;max-width:calc(100vw - 16px);max-height:80dvh;display:flex;flex-direction:column;padding:12px 12px 24px;background:var(--cream);border:1px solid #dbe2d2;border-radius:16px;box-shadow:0 8px 35px #163b3320;pointer-events:auto;overflow:hidden}.furniture-preview-heading{display:flex;align-items:center;gap:8px;flex:none}.furniture-preview-heading h3{flex:1;margin:0}.furniture-preview-heading .panel-drag-handle{font-size:22px;min-width:44px;min-height:44px;padding:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.furniture-preview-content{min-height:0;flex:1;display:flex;flex-direction:column;gap:6px;overflow:auto}.furniture-preview-content>strong{font-size:14px}.furniture-preview-content p{margin:0}.furniture-preview-content [role=status]:empty{display:none}.furniture-preview-stage{flex:1;min-height:80px;background:#e6eee6;border-radius:10px;overflow:hidden}.furniture-preview-stage canvas{display:block;width:100%;height:100%}.furniture-preview-controls{display:flex;flex-wrap:wrap;gap:5px;flex:none}.furniture-preview-controls button{padding:6px 10px;min-height:36px}.furniture-preview-collapse{display:none;font-size:11px;padding:5px}.furniture-preview-window.photo-panel-moving{box-shadow:0 0 0 2px #739c8e80}@media(max-width:760px){.home-menu-card{left:3vw;top:calc(12px + env(safe-area-inset-top));width:94vw;max-width:none;max-height:43dvh;padding:16px}.furniture-preview-window{left:3vw;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));width:94vw;height:43dvh;max-height:75dvh}.furniture-preview-collapse{display:block}.furniture-preview-window.is-collapsed{height:68px!important;padding-bottom:12px}.furniture-menu-dialog[data-preview-collapsed] .home-menu-card{max-height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}:root{font-family:Segoe UI,Yu Gothic UI,Meiryo,sans-serif;color:#173f3c;background:#d8e4d6;font-synthesis:none;--ink:#173f3c;--muted:#64756b;--line:#173f3c1c;--cream:#faf9f0}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,.file-button:focus-within,input:focus-visible,select:focus-visible{outline:3px solid #dc9a34;outline-offset:3px}button{color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 13px}button:hover{background:#e3eadc}.topbar{position:fixed;z-index:2;top:0;left:0;right:0;height:88px;background:transparent;pointer-events:none;display:flex;align-items:center;gap:24px;padding:0 30px;border-bottom:0}.brand{display:flex;align-items:center;gap:14px}.brand-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:12px}.brand-icon img{display:block;width:100%;height:100%}.brand h1{font-size:21px;letter-spacing:.08em;margin:0 0 4px;font-weight:650}.brand span:not(.brand-icon){font-size:9px;letter-spacing:.21em;color:var(--muted)}.session{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:12px}.session i{width:7px;height:7px;background:#6f9974;border-radius:50%}.version{color:var(--muted);margin-left:12px}.subtle{font-size:13px}#view{display:block;width:100vw;height:100vh;outline:none}.panel{background:#faf9f0ed;border:1px solid #ffffff80;border-radius:14px;box-shadow:0 6px 35px #163b3310;backdrop-filter:blur(12px)}.explorer{position:fixed;top:112px;left:24px;width:305px;padding:24px;max-height:calc(100vh - 240px);overflow:auto}.eyebrow{font-size:10px;letter-spacing:.17em;color:#6c806e;font-weight:700}h2{font-size:18px;font-weight:650;letter-spacing:.02em;margin:10px 0 12px}p{font-size:12px;line-height:1.85;margin:9px 0 17px;color:var(--muted)}.file-button,.primary{display:block;text-align:center;background:var(--ink);color:#faf9ef;border:0;border-radius:8px;padding:13px 8px;font-size:13px;cursor:pointer}.file-button:hover,.primary:hover{background:#32625b}#vrm-file{display:block;width:100%;font-size:10px;margin-top:9px;color:var(--muted)}#vrm-file::file-selector-button{border:1px solid var(--line);background:transparent;border-radius:4px;color:var(--ink);padding:3px}.small{font-size:10px;line-height:1.7}.muted{color:#7c867b}.divider{height:1px;background:var(--line);margin:22px 0}.destination-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:13px}.destination-grid button{text-align:left;font-size:12px;padding:10px 12px;border-color:transparent;background:#edf0e5}.destination-grid b{color:#73836c;font-size:10px;margin-right:12px;font-weight:500}.destination-grid span{display:block;padding-left:26px;margin-top:4px;font-size:9px;color:var(--muted)}.local-note{font-size:9px;border-top:1px solid var(--line);padding-top:14px;margin-bottom:0}.map-panel{position:fixed;right:24px;top:112px;width:244px;padding:12px}.map-title{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;margin-bottom:10px}.map-title span:last-child{color:var(--muted)}#map{width:218px;height:218px;border-radius:6px;display:block}.map-coordinates{font-family:monospace;font-size:10px;color:var(--muted);text-align:center;margin-top:9px}.bottom-bar{position:fixed;left:24px;right:24px;bottom:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.state{padding:13px 20px;display:flex;flex-direction:column;gap:6px;min-width:210px}#motion-state{font-size:14px;font-weight:600}#telemetry{font-size:10px;color:var(--muted)}.controls{margin-left:auto;display:flex;flex-wrap:wrap;gap:16px;padding:17px 20px;max-width:calc(100vw - 48px);font-size:10px;align-items:center}kbd{font-family:inherit;display:inline-block;border:1px solid #c7cebd;border-bottom-width:2px;border-radius:4px;padding:2px 5px;font-size:10px;margin-right:4px;background:#ffffff70}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:25px;max-width:450px;font-size:14px}.error{color:#9b332b;background:#fae5dd;padding:10px;border-radius:6px;overflow-wrap:anywhere}.settings-dialog{border:1px solid #dbe2d2;border-radius:18px;padding:26px;background:var(--cream);color:var(--ink);width:min(580px,90vw);max-height:90vh}.settings-dialog::backdrop{background:#15363077;backdrop-filter:blur(4px)}.dialog-title{display:flex;justify-content:space-between;align-items:flex-start}.dialog-title button{border:0;font-size:18px}.setting-label{display:block;font-size:12px;margin:15px 0}.setting-label select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #c7cebd;border-radius:6px;background:#fff;color:var(--ink)}.setting-label input{width:100%;accent-color:#396d60;margin-top:10px}h3{font-size:13px}.tuning-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tuning-grid label{font-size:10px;color:var(--muted)}.tuning-grid input{display:block;width:100%;border:1px solid #c7cebd;background:#fff;border-radius:6px;padding:8px;margin-top:5px;color:var(--ink)}.close-button{width:100%;margin-top:22px}[hidden]{display:none!important}@media(max-height:780px){.explorer{padding:17px}.explorer p{margin-bottom:9px}.divider{margin:14px 0}.destination-grid button{padding:7px 10px}.destination-grid span{display:none}.map-panel{width:200px}#map{width:174px;height:174px}}@media(max-width:1000px){.explorer{width:255px;left:15px}.controls{margin-left:0}.map-panel{right:15px}.topbar{padding:0 20px}.version{display:none}}@media(max-width:700px){.topbar{height:70px;padding:0 12px;gap:8px}.brand h1{font-size:16px}.brand-icon{width:34px;height:34px}.brand span:not(.brand-icon){font-size:7px}.session{display:none}.subtle{margin-left:auto}.explorer{top:85px;width:215px;padding:12px;max-height:55vh}.explorer h2{font-size:14px}.map-panel{display:none}.bottom-bar{left:12px;right:12px;bottom:12px}.controls{gap:8px;padding:10px}.state{padding:9px 12px}}#name-form{margin:14px 0 18px}#name-form>label{display:block;font-size:11px;margin-bottom:6px}.name-fields{display:flex;gap:6px}.name-fields input{min-width:0;flex:1;width:100%;padding:8px;border:1px solid #c7cebd;border-radius:6px;background:#fff;color:var(--ink)}.name-fields button{padding:7px 10px;font-size:11px}#name-feedback{margin:5px 0 0;overflow-wrap:anywhere}.chat-panel{position:fixed;z-index:4;right:24px;bottom:96px;width:330px;padding:14px;background:#fffefaf5}.chat-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:9px}.chat-heading span{font-size:10px;color:var(--muted)}.chat-log{height:120px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px;overscroll-behavior:contain}.chat-row{font-size:12px;line-height:1.6;overflow-wrap:anywhere;margin-bottom:7px}.chat-row strong{display:block;font-size:10px;color:var(--muted)}#chat-status{margin:7px 0}#chat-form{display:flex;gap:6px}#chat-input{width:0;min-width:0;flex:1;background:#fff;border:1px solid #c7cebd;border-radius:6px;padding:8px;color:var(--ink);font-size:12px}#chat-form button{font-size:12px;padding:8px 10px}.chat-error{color:#9b332b;margin:6px 0 0;overflow-wrap:anywhere}.chat-options label{display:block;font-size:12px;margin:9px 0}.chat-options input{accent-color:#396d60;margin-right:9px}.avatar-labels{position:fixed;inset:0;pointer-events:none;z-index:3}.avatar-label{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:6px;max-width:240px}.avatar-name{color:#173f3c;background:#fffefa80;border:1px solid #173f3c14;border-radius:12px;padding:3px 10px;max-width:200px;font-size:11px;overflow-wrap:anywhere;text-align:center;box-shadow:0 2px 8px #163b3314}.speech-bubble{order:-1;position:relative;color:#173f3c;background:#fff;border:1px solid #d4dbd0;border-radius:12px;padding:9px 12px;font-size:13px;line-height:1.5;min-width:50px;max-width:240px;width:max-content;overflow-wrap:anywhere;box-shadow:0 4px 16px #163b3320}.speech-bubble:after{content:"";position:absolute;bottom:-6px;left:calc(50% - 5px);width:10px;height:10px;background:#fff;border-right:1px solid #d4dbd0;border-bottom:1px solid #d4dbd0;transform:rotate(45deg)}button:disabled{cursor:default;opacity:.55}@media(max-width:1000px){.chat-panel{right:15px;width:280px}}@media(max-width:700px){.chat-panel{right:12px;width:220px;bottom:120px;padding:10px}.chat-log{height:90px}.avatar-label,.speech-bubble{max-width:180px}}#account-open{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#save-avatar{width:100%;font-size:11px;margin:6px 0 10px}.account-dialog{width:min(620px,94vw)}#account-form label{display:block;font-size:12px;margin:13px 0}#account-form input{display:block;width:100%;border:1px solid #c7cebd;border-radius:6px;background:#fff;padding:10px;margin-top:7px;color:var(--ink)}#account-submit{width:100%;margin:18px 0 12px}.account-identity{display:flex;gap:12px;align-items:center;justify-content:space-between}.account-identity strong{overflow-wrap:anywhere}#account-feedback{color:var(--ink);overflow-wrap:anywhere}#account-feedback:empty{display:none}.saved-avatars{display:flex;flex-direction:column;gap:10px;max-height:40vh;overflow:auto}.saved-avatar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.saved-avatar>div:first-child{flex:1;min-width:130px}.saved-avatar strong{display:block;font-size:12px;overflow-wrap:anywhere}.saved-avatar span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.saved-avatar-actions{display:flex;gap:6px}.saved-avatar button{font-size:11px;padding:7px 10px}.delete-confirm{width:100%;border-top:1px solid var(--line);padding-top:8px}.delete-confirm span{margin:0 0 8px}.delete-confirm button{margin-right:8px}.library-intro{margin-bottom:9px}@media(max-width:700px){#account-open{max-width:130px;font-size:10px;padding:8px}.topbar{gap:6px}.brand span:not(.brand-icon){display:none}}@media(max-width:700px){.topbar #account-open{max-width:105px}.topbar .brand{gap:8px}.topbar .brand h1{font-size:14px}}.gift-list{display:flex;flex-direction:column;gap:10px}.gift-row{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.gift-row>strong{font-size:12px;overflow-wrap:anywhere}.gift-row p{margin:5px 0 10px}.gift-send-form,.gift-decision{width:100%;border-top:1px solid var(--line);padding-top:10px}.gift-send-form label{display:block;font-size:12px}.gift-send-form input{display:block;width:100%;margin-top:6px;padding:8px;background:#fff;border:1px solid #c7cebd;border-radius:6px;color:var(--ink)}.gift-send-form button,.gift-decision button{margin:4px 6px 4px 0;font-size:11px}.gift-summary{overflow-wrap:anywhere}.saved-avatar-actions{flex-wrap:wrap}.gift-send-form select{width:100%;display:block;margin:6px 0;padding:8px;border:1px solid #c7cebd;border-radius:6px;background:#fff;color:var(--ink)}.chat-gift{padding:8px;border:1px solid #b5cab7;border-radius:6px;background:#f2f7ed}.chat-gift button{display:block;margin-top:6px;padding:5px 8px;font-size:10px}.seat-interact{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:20;background:#173f3c;color:#fff8e4;padding:12px 24px;border:1px solid #d4dfc6;border-radius:12px;box-shadow:0 4px 18px #173f3c33}.seat-interact[hidden]{display:none}.emote-panel{position:fixed;z-index:3;bottom:24px;left:24px;display:flex;align-items:flex-end;gap:8px}.emote-panel>button,.emote-panel #emote-choices{background:#faf9f0f2;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 18px #173f3c12}.emote-panel #emote-choices{padding:7px;display:flex;gap:6px}.emote-panel #emote-choices[hidden]{display:none}.emote-panel button{font-size:12px}.emote-panel #emote-choices button{white-space:nowrap}@media(max-width:700px){.emote-panel{left:12px;bottom:12px;gap:4px}.emote-panel #emote-choices{flex-direction:column}}.emote-panel #emote-choices{flex-wrap:wrap;max-width:310px}.emote-pad-hint{flex-basis:100%;margin:3px 2px 0;font-size:10px;color:var(--muted)}.emote-panel button.pad-selected{background:#e3eadc;border-color:#173f3c;box-shadow:0 0 0 1px #173f3c}.lobby-dialog.explorer{position:fixed;inset:0;margin:auto;width:min(460px,94vw);max-height:88vh;padding:24px;overflow:auto}.lobby-dialog.explorer .dialog-title h2{font-size:20px}.lobby-dialog #join-online,.lobby-dialog #leave-online{width:100%;margin:4px 0}.lobby-dialog #join-online{background:var(--ink);color:var(--cream)}.lobby-dialog .destination-grid{grid-template-columns:1fr 1fr}.lobby-dialog .destination-grid span{display:block;padding-left:0}.lobby-dialog .local-note{font-size:11px;line-height:1.65}.lobby-dialog .dialog-title+.divider{margin-top:8px}.account-dialog{width:min(620px,94vw);padding:24px;max-height:90vh;overflow:auto}.account-dialog .dialog-title h2{font-size:23px;margin:7px 0 16px}.account-dialog .account-identity{background:#edf0e5;border-radius:8px;padding:10px 12px;font-size:12px}.account-dialog .account-identity button{font-size:11px;padding:6px 9px}.wardrobe-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:20px 0 18px;border-bottom:1px solid var(--line);padding-bottom:8px}.wardrobe-tabs button{border:0;padding:11px 6px;font-size:13px;white-space:nowrap}.wardrobe-tabs button[aria-selected=true]{background:var(--ink);color:var(--cream)}.current-avatar-card{padding:18px;border:1px solid #ccd8c6;border-radius:12px;background:linear-gradient(130deg,#eef2e5,#faf9f0)}.current-avatar-card>strong{display:block;font-size:17px;margin:10px 0;overflow-wrap:anywhere}.current-avatar-card p{margin-bottom:0;font-size:12px}.account-dialog #name-form{margin:18px 0}.account-dialog #name-form>label{font-size:12px}.account-dialog #choose-vrm{width:100%;padding:14px;font-size:14px}.account-dialog #save-avatar{font-size:12px;padding:11px}.account-dialog #avatar-status{font-size:11px;overflow-wrap:anywhere}.account-dialog .wardrobe-note{padding-top:12px;border-top:1px solid var(--line);font-size:11px}.account-dialog .library-toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.account-dialog .saved-avatars{max-height:none;overflow:visible}.account-dialog .saved-avatar{padding:14px}.account-dialog .saved-avatar strong{font-size:14px}.account-dialog .use-saved{background:var(--ink);color:var(--cream)}.account-dialog .delete-saved{color:var(--muted);border-color:transparent}.gift-target-banner{padding:12px;background:#f6ead6;border:1px solid #dfc69d;border-radius:9px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gift-target-banner strong{font-size:13px;flex:1;overflow-wrap:anywhere}.gift-target-banner button{font-size:11px}.account-dialog #account-feedback{background:#edf2e6;border-radius:8px;padding:10px 12px;font-size:12px}.account-dialog #account-feedback:empty{display:none}.account-dialog .gift-row>strong{font-size:14px}.account-dialog .gift-row button{font-size:12px}@media(max-width:700px){.topbar .subtle{margin-left:0;padding:8px;font-size:11px}.topbar #lobby-open{margin-left:auto}.topbar #account-open{max-width:none;font-size:11px;padding:8px}.brand{min-width:0}.brand h1{letter-spacing:0}.account-dialog{padding:18px}.wardrobe-tabs{gap:3px}.wardrobe-tabs button{font-size:12px;padding:10px 5px}.lobby-dialog.explorer{padding:18px;width:min(440px,94vw);max-height:88vh}.account-dialog .saved-avatar-actions{width:100%}.account-dialog .saved-avatar-actions button{flex:1}.account-dialog .account-identity{flex-wrap:wrap}.account-dialog .current-avatar-card{padding:14px}}.connection-notice{position:fixed;z-index:25;left:50%;bottom:82px;transform:translate(-50%);width:min(480px,92vw);display:flex;align-items:flex-start;gap:8px;padding:10px}.connection-notice .error{flex:1;margin:0;font-size:12px}.connection-notice button{padding:5px 9px;border:0}.entry-guide{position:fixed;z-index:4;top:112px;left:24px;width:min(330px,calc(100vw - 48px));padding:22px;background:#faf9f0f5;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #173f3c18}.entry-guide h2{font-size:19px;margin:12px 24px 10px 0;overflow-wrap:anywhere}.entry-guide p{font-size:12px;line-height:1.8;margin:0 0 15px;overflow-wrap:anywhere}.entry-dismiss{position:absolute;top:10px;right:10px;padding:4px 8px;border:0;background:transparent}.entry-actions{display:flex;flex-direction:column;gap:8px}.entry-actions button{font-size:12px;padding:11px}.entry-guide[hidden]{display:none}.wardrobe-join{width:100%;margin-top:16px;padding:13px}.wardrobe-join[hidden]{display:none}@media(max-width:700px){.entry-guide{top:104px;left:12px;width:calc(100vw - 24px);padding:18px}.entry-guide h2{font-size:18px}#app:has(#entry-guide:not([hidden])) .map-panel{visibility:hidden}}#app.photo-active>:not(#view):not(.photo-panel):not(.photo-return):not(.photo-shutter):not(.touch-photo):not(.photo-save-dialog){visibility:hidden!important;pointer-events:none!important}.photo-panel{position:fixed;z-index:40;left:24px;top:104px;width:300px;max-height:calc(100vh - 140px);overflow:auto;padding:20px;border-radius:14px;background:#faf9f0f2}.photo-panel h2{font-size:19px;margin:0 0 10px}.photo-panel label{display:block;font-size:12px;margin:13px 0}.photo-panel input{display:block;width:100%;margin-top:7px}.photo-panel>button{display:block;width:100%;margin-top:9px}.photo-presets{display:flex;gap:5px}.photo-presets button{font-size:11px;flex:1;padding:8px 5px}.photo-return{position:fixed;top:20px;right:20px;z-index:41;background:#faf9f0ed;font-size:12px}.photo-panel[hidden],.photo-return[hidden],.photo-shutter[hidden]{display:none}@media(max-width:700px){.topbar .subtle{padding:6px;font-size:10px}.photo-panel{top:74px;left:12px;width:min(280px,calc(100vw - 24px));max-height:calc(100vh - 100px)}.photo-return{top:12px;right:12px}}#app.photo-active #view{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}#app.photo-active{background:#202a2d}.photo-panel select{display:block;width:100%;margin-top:7px;padding:8px}.photo-gaze{display:grid;gap:6px}.photo-gaze button{font-size:12px}.photo-gaze button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.photo-gaze>span{font-size:12px;margin-top:7px}.photo-gaze>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.photo-gaze button{padding:9px 5px}#photo-roll-angle{float:right;font-variant-numeric:tabular-nums}.photo-roll-directions{display:block;margin-top:5px;font-size:10px;color:var(--muted)}.photo-gaze #photo-head-reset,.photo-gaze #photo-eye-reset{grid-column:1 / -1;padding:5px;font-size:11px}.photo-expressions details{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.photo-expressions summary{cursor:pointer;font-size:13px;font-weight:600}.photo-expressions button{width:100%;font-size:11px}.photo-expressions output{float:right;font-size:11px}.photo-expressions .photo-eye-link{display:flex;align-items:center;gap:8px}.photo-expressions .photo-eye-link input{display:inline-block;width:auto;margin:0}.photo-pose-library{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.photo-pose-library summary{cursor:pointer;font-size:13px;font-weight:600}.photo-pose-library>button{display:block;width:100%;margin:6px 0;font-size:11px}.photo-pose-library input:not([type=file]){padding:8px;box-sizing:border-box}.photo-pose-row{padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.photo-pose-row strong{display:block;font-size:12px}.photo-pose-row button{font-size:10px;padding:6px;margin:5px 4px 0 0}.photo-pose-library select{max-width:100%}.emote-panel #emote-choices{max-height:min(60vh,440px);overflow-y:auto}.emote-panel #emote-choices button{max-width:100%;overflow:hidden;text-overflow:ellipsis}.motion-settings{border-top:1px solid var(--line);margin:14px 0;padding-top:12px}.motion-settings summary{cursor:pointer;font-weight:600}.motion-presets{display:flex;gap:8px;flex-wrap:wrap}.motion-presets button{flex:1;padding:9px;font-size:12px}.motion-selectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.motion-selectors label{display:flex;flex-direction:column;gap:5px;font-size:12px}.motion-selectors select{width:100%;min-width:0;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--paper,#fff);color:inherit}.motion-settings #motion-status{overflow-wrap:anywhere}@media(max-width:480px){.motion-selectors{grid-template-columns:1fr}}.drawing-dialog{width:min(900px,96vw);max-height:94vh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:16px;background:#faf9f0;color:var(--ink)}.drawing-dialog::backdrop{background:#142d32a8}.drawing-dialog h2{font-size:22px;margin:8px 0}.drawing-dialog [data-status]{min-height:1.5em;overflow-wrap:anywhere;font-size:13px}.drawing-dialog section[hidden]{display:none}.drawing-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.drawing-tools button{font-size:12px;padding:8px}.drawing-tools label{display:flex;gap:8px;align-items:center;font-size:12px}.drawing-tools input{width:110px}.drawing-tools button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.drawing-palette{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:6px;margin:14px 0}.drawing-palette button{padding:0;aspect-ratio:4;border:1px solid #757575;border-radius:5px;min-width:0}.drawing-palette button[aria-pressed=true]{outline:3px solid #e55b38;outline-offset:2px}.drawing-canvas-wrap{text-align:center;background:#e5e7df;border-radius:8px;padding:10px}.drawing-canvas-wrap canvas{display:block;width:min(800px,100%);height:auto;margin:auto;touch-action:none;cursor:crosshair;image-rendering:pixelated;box-shadow:0 2px 8px #0002}.drawing-submit{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.drawing-submit label{flex:1;display:flex;gap:8px;align-items:center}.drawing-submit input{min-width:0;flex:1;padding:10px}.drawing-submit button{background:var(--ink);color:var(--cream)}.drawing-dialog [data-viewer] img{display:block;max-width:100%;height:auto;margin:auto;image-rendering:pixelated}.drawing-dialog [data-viewer] h3,.drawing-dialog [data-author]{overflow-wrap:anywhere}.topbar{flex-wrap:wrap}@media(max-width:600px){.drawing-dialog{padding:14px}.drawing-dialog h2{font-size:18px}.drawing-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.drawing-tools{gap:5px}.drawing-tools input{width:80px}.drawing-submit button{width:100%}}.pose-adjust-hint{max-width:300px;margin:8px 0 0;padding:8px 10px;border-radius:8px;background:#faf9f0e8;color:var(--ink);font-size:11px;line-height:1.6}.pose-adjust-hint[hidden]{display:none}.gomoku-dialog{width:min(680px,96vw);max-height:94vh;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:16px;background:#faf9f0;color:var(--ink)}.gomoku-dialog::backdrop{background:#142d3299}.gomoku-dialog h2{margin:8px 0;font-size:22px}.gomoku-dialog>label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}.gomoku-dialog select{max-width:100%;padding:8px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:6px}.gomoku-dialog [data-players],.gomoku-dialog [data-state]{font-size:13px;overflow-wrap:anywhere}.gomoku-dialog [data-error]{font-size:12px;color:#a73428;min-height:1em}.gomoku-canvas canvas{display:block;width:100%;height:auto;max-width:560px;margin:auto;border-radius:8px;touch-action:manipulation;cursor:crosshair}.gomoku-canvas canvas:focus-visible{outline:3px solid #197d6e;outline-offset:3px}.gomoku-actions{display:flex;gap:8px;flex-wrap:wrap}.gomoku-actions button{font-size:12px;padding:10px}.gomoku-actions [data-join],.gomoku-actions [data-rematch]{background:var(--ink);color:var(--cream)}@media(max-width:600px){.gomoku-dialog{padding:14px}.gomoku-dialog h2{font-size:18px}.gomoku-actions button{flex:1}}.touch-controls{position:fixed;inset:0;z-index:6;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-controls button,.touch-stick{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-stick{position:relative;width:128px;height:128px;border:1px solid #ffffffb0;border-radius:50%;background:#173f3c30;box-shadow:inset 0 0 20px #173f3c10;color:#fff;text-shadow:0 1px 3px #173f3c;display:grid;place-items:center}.touch-stick i{display:block;width:48px;height:48px;border-radius:50%;background:#faf9f0bc;border:1px solid #fff;box-shadow:0 3px 12px #173f3c30;pointer-events:none}.touch-move{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:calc(16px + env(safe-area-inset-bottom))}.touch-right{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:12px}.touch-look{width:108px;height:108px}.touch-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:168px}.touch-controls button{min-width:62px;min-height:44px;font-size:12px;padding:8px;background:#faf9f0eb;box-shadow:0 2px 10px #173f3c20}.touch-controls button[aria-pressed=true]{background:#173f3c;color:#fff}.touch-turn{position:absolute;bottom:calc(28px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px}.touch-turn button{min-width:44px;font-size:24px}.touch-device #view{touch-action:none}.touch-device .emote-panel{left:16px;bottom:calc(158px + env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;z-index:7}.touch-device .emote-panel #emote-choices{max-width:min(310px,calc(100vw - 32px));max-height:45vh}.touch-device .seat-interact{bottom:calc(242px + env(safe-area-inset-bottom));font-size:12px;padding:10px 14px}.touch-device .pose-adjust-hint{display:none}.touch-device .chat-panel{top:100px;bottom:auto;right:12px;width:220px;padding:8px}.touch-device .chat-log{height:64px}.touch-device #chat-status,.touch-device .map-panel{display:none}@media(max-width:700px){.touch-device .chat-panel{top:78px}.touch-device .brand span:not(.brand-icon){display:none}.touch-device .brand,.touch-device .topbar{gap:6px}.touch-device .brand h1{font-size:14px}}@media(max-height:520px){.touch-device .touch-move{width:108px;height:108px}.touch-device .touch-right{flex-direction:column;align-items:flex-end}.touch-device .emote-panel{bottom:calc(134px + env(safe-area-inset-bottom))}.touch-device .seat-interact{bottom:calc(135px + env(safe-area-inset-bottom))}}.touch-device .chat-panel.chat-editing{z-index:30}.touch-device .chat-panel.chat-editing .chat-log{display:block}.touch-device .chat-panel.chat-editing .chat-heading{display:flex}.touch-device .chat-panel.chat-editing{max-height:calc(var(--chat-viewport-height,100dvh) - 16px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:700px){.touch-device .chat-panel.chat-editing{max-height:calc(var(--chat-viewport-height,100dvh) - 16px)}}.touch-photo .touch-buttons[hidden],.touch-photo-zoom[hidden]{display:none}.touch-photo-zoom{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:calc(138px + env(safe-area-inset-bottom));display:flex;gap:8px}.touch-device .photo-panel{max-height:calc(100dvh - 240px)}.touch-controls,.touch-controls *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.profile-dialog{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 32px)}.profile-nav,.profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.profile-dialog label{display:block;margin:12px 0}.profile-dialog input,.profile-dialog textarea,.profile-dialog select{display:block;width:100%;margin-top:6px;padding:9px;font:inherit;box-sizing:border-box}.profile-dialog textarea{resize:vertical}.profile-image{display:block;max-width:100%;max-height:360px;object-fit:contain;margin:12px auto;border-radius:8px}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere}.profile-link{display:block;overflow-wrap:anywhere;color:#266961;margin:12px 0}.profile-person{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #173f3c20}.profile-person>span{flex:1;min-width:100px}.profile-card h3{overflow-wrap:anywhere}.profile-dialog[open]{display:block}#profile-image-remove{margin-right:8px}.topbar button{pointer-events:auto;background:#faf9f0a6}.topbar button:hover{background:#faf9f0d9}.floating-panel{overflow:hidden;padding-bottom:28px}.panel-drag-handle{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;min-height:28px;gap:8px}.panel-drag-handle:active{cursor:grabbing}.panel-drag-handle .panel-grip{font-size:20px;line-height:1;color:#64756b;margin-left:auto;flex-shrink:0}.panel-resize-handle{position:absolute;right:3px;bottom:3px;width:26px;height:26px;padding:0;border:0;background:transparent;cursor:nwse-resize;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.panel-resize-handle:after{content:"";position:absolute;right:5px;bottom:5px;width:10px;height:10px;border-right:2px solid #64756b99;border-bottom:2px solid #64756b99}.panel-resize-handle:hover{background:#ffffff70}.panel-adjusting{box-shadow:0 0 0 2px #739c8e80}.map-panel.floating-panel{display:flex;flex-direction:column;background:#fffefa73;backdrop-filter:blur(3px)}.map-panel .map-viewport{min-height:0;aspect-ratio:1}.map-panel #map{width:100%;height:100%;object-fit:contain}.map-panel.floating-sized .map-viewport{flex:1;aspect-ratio:auto}.map-title{align-items:center;flex-shrink:0}.map-coordinates{flex-shrink:0}.chat-panel.floating-panel{display:flex;flex-direction:column;overflow-y:auto;background:#fffefa73;backdrop-filter:blur(3px);padding-bottom:28px}.chat-panel.floating-panel .chat-heading{display:flex;flex-shrink:0}.chat-panel .chat-log{background:transparent;min-height:32px;flex-shrink:1}.chat-panel.floating-sized .chat-log{flex:1;height:0}.chat-panel #chat-form{flex-shrink:0;margin-top:auto}.chat-panel #chat-input{background:#fffefaa6}.chat-panel.chat-editing{background:#fffefa;backdrop-filter:none}.chat-panel.chat-editing .chat-log,.chat-panel.chat-editing #chat-input{background:#fff}.chat-panel #chat-status,.chat-panel .chat-error{flex-shrink:0}.chat-panel .chat-error{max-height:72px;overflow:auto}@media(max-width:700px){.map-panel.floating-panel{display:none}.touch-device .chat-panel.floating-panel{padding-bottom:28px}}.touch-device .map-panel.floating-panel{display:none}.setting-label.quality-auto-label{display:flex;align-items:center;gap:8px}.setting-label.quality-auto-label input{width:auto;margin:0;flex-shrink:0}.touch-device #app,.touch-device #app *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.touch-device #app input:not([type]),.touch-device #app input:is([type=text],[type=password],[type=search],[type=email],[type=url],[type=tel],[type=number]),.touch-device #app textarea,.touch-device #app [contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.touch-device #app input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=button]):not([type=submit]),.touch-device #app textarea,.touch-device #app select{font-size:16px}.chat-heading #chat-auto-minimize{margin-left:auto;padding:4px 6px;font-size:11px;white-space:nowrap;touch-action:manipulation}#chat-auto-minimize[aria-pressed=true]{background:#174c44;color:#fff}.chat-panel.floating-panel.chat-minimized{width:48px!important;height:48px!important;min-width:0!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:hidden;border-radius:14px}.chat-panel.chat-minimized>:not(#chat-restore){display:none!important}#chat-restore{width:100%;height:100%;padding:0;font-size:25px;background:transparent;touch-action:manipulation}#chat-restore[hidden]{display:none}#chat-restore{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.chat-panel.chat-icon-moving{transform:scale(1.12);box-shadow:0 5px 20px #143f4655;cursor:grabbing;transition:transform .15s ease,box-shadow .15s ease}.fullscreen-toggle{position:fixed;left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));z-index:25;width:44px;height:48px;padding:5px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#fffefa66;border:1px solid #ffffff55;border-radius:10px;color:#36584f;opacity:.75;touch-action:manipulation}.fullscreen-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.fullscreen-state{font-size:9px;line-height:11px;letter-spacing:.4px;font-weight:700}.fullscreen-toggle[aria-pressed=true]{background:#174c4473;color:#fff;border-color:#b9e2d199}.fullscreen-toggle:hover,.fullscreen-toggle:focus-visible{opacity:1}.fullscreen-help{width:min(420px,calc(100vw - 32px));padding:20px}.fullscreen-help h2{font-size:18px}.fullscreen-help p{font-size:14px;line-height:1.7}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}#app{position:fixed;left:var(--game-left,0px);top:var(--game-top,0px);width:var(--game-width,100vw);height:var(--game-height,100dvh);overflow:hidden}#view{position:absolute;inset:0;width:100%!important;height:100%!important}.topbar{top:calc(var(--game-top,0px) + env(safe-area-inset-top));left:calc(var(--game-left,0px) + env(safe-area-inset-left));right:calc(var(--game-right,0px) + env(safe-area-inset-right))}.fullscreen-toggle{left:calc(var(--game-left,0px) + max(12px,env(safe-area-inset-left)));top:calc(var(--game-top,0px) + max(12px,env(safe-area-inset-top)))}.touch-controls{left:var(--game-left,0px);top:var(--game-top,0px);right:var(--game-right,0px);bottom:var(--game-bottom,0px)}.touch-device .emote-panel{left:calc(var(--game-left,0px) + max(16px,env(safe-area-inset-left)));bottom:calc(var(--game-bottom,0px) + 158px + env(safe-area-inset-bottom))}.touch-device #seat-interact{bottom:calc(var(--game-bottom,0px) + 242px + env(safe-area-inset-bottom))}.settings-dialog,.profile-dialog,.gomoku-dialog,.fullscreen-help{max-height:calc(var(--game-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)}@media(pointer:coarse)and (orientation:landscape){.topbar{height:54px;gap:6px;padding:0 12px;justify-content:flex-end}.topbar button{padding:7px 9px;font-size:11px}.session{display:none}}@media(max-height:520px){.touch-device .emote-panel{bottom:calc(var(--game-bottom,0px) + 134px + env(safe-area-inset-bottom))}.touch-device #seat-interact{bottom:calc(var(--game-bottom,0px) + 135px + env(safe-area-inset-bottom))}}.recruitment-bubble{background:#fff3c5e8;color:#234c3c;border:1px solid #d8b765;font-weight:700}.reversi-dialog [data-score]{font-weight:700;text-align:center}.reversi-dialog canvas{touch-action:manipulation}.map-panel.panel-moving{transform:scale(1.04);cursor:grabbing;z-index:8}.map-panel.floating-panel{transition:transform .12s ease;transform-origin:center}.map-panel .map-viewport.panel-drag-handle{min-height:0;overflow:hidden}.map-panel .map-viewport.panel-drag-handle:active{cursor:grab}.map-panel.panel-moving .map-viewport{cursor:grabbing}.drawing-workspace{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:start}.drawing-layers{padding:8px;border:1px solid #b8c9c2;border-radius:8px;max-height:500px;overflow:auto}.drawing-layers [data-layers]>div{display:flex;align-items:center;gap:4px;margin:4px 0}.drawing-layers [data-layers] button{flex:1;text-align:left;overflow-wrap:anywhere}.drawing-layers [aria-pressed=true]{background:#255f55;color:#fff}.drawing-layers .drawing-tools{gap:4px}.drawing-layers label{display:block}.drawing-layers input[type=text],.drawing-layers input:not([type]){width:100%}.drawing-tools label{white-space:nowrap}.drawing-tools input[type=range]{width:95px}.drawing-layers input[type=checkbox]{width:18px;min-width:18px}[data-like-names]{overflow-wrap:anywhere}@media(max-width:650px){.drawing-workspace{grid-template-columns:minmax(0,1fr)}.drawing-layers{max-height:230px}.drawing-layers [data-layers]{display:flex;flex-wrap:wrap;gap:6px}.drawing-layers [data-layers]>div{max-width:160px}}.drawing-canvas-wrap{overflow:auto;max-height:52vh;min-width:0;overscroll-behavior:contain}.drawing-canvas-wrap canvas{max-width:none}.drawing-canvas-wrap:has(canvas[style*=grab]){touch-action:none}.drawing-window-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.drawing-window-actions button{padding:8px;font-size:12px}.drawing-dialog>.dialog-title>div:first-child{min-width:0}.drawing-dialog.is-maximized{position:fixed;inset:auto;left:calc(var(--game-left,0px) + env(safe-area-inset-left));top:calc(var(--game-top,0px) + env(safe-area-inset-top));margin:0;width:calc(var(--game-width,100vw) - env(safe-area-inset-left) - env(safe-area-inset-right));height:calc(var(--game-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:none;max-height:none;box-sizing:border-box;border-radius:0;padding:16px}.drawing-dialog.is-maximized>.dialog-title{position:sticky;top:-16px;z-index:2;background:#faf9f0;padding-top:8px;padding-bottom:8px}.drawing-dialog.is-maximized .drawing-canvas-wrap{max-height:65dvh}@media(max-width:600px){.drawing-dialog.is-maximized{padding:10px}.drawing-dialog.is-maximized>.dialog-title{top:-10px}.drawing-dialog .dialog-title{gap:6px}.drawing-window-actions{gap:4px}.drawing-window-actions button{padding:7px}.drawing-dialog h2{overflow-wrap:anywhere}}.drawing-dialog>.dialog-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.drawing-dialog>.dialog-title h2{flex-shrink:0;margin:0;font-size:19px}.drawing-heading-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow-x:auto}.drawing-heading-info>*{flex-shrink:0}.drawing-heading-info p,.drawing-heading-info [data-status]{margin:0;min-height:0;font-size:11px;line-height:1.35}.drawing-heading-info [data-status]:empty{display:none}.drawing-sidebar{min-width:0}.drawing-sidebar .drawing-drafts{display:grid;gap:6px;margin:10px 0}.drawing-sidebar .drawing-drafts button{width:100%;white-space:normal}.drawing-sidebar .drawing-submit{display:grid;gap:8px;margin:10px 0}.drawing-sidebar .drawing-submit label{display:block}.drawing-sidebar .drawing-submit input{width:100%;margin-top:4px}.drawing-sidebar .drawing-submit button{width:100%;font-size:12px;padding:9px 4px}.drawing-sidebar>.small{margin-bottom:0}.drawing-dialog [data-editor]>.drawing-tools{margin:8px 0}.drawing-dialog .drawing-palette{margin:8px 0}@media(max-width:650px){.drawing-dialog>.dialog-title{flex-wrap:wrap;gap:6px}.drawing-dialog>.dialog-title h2{font-size:17px;flex:1}.drawing-heading-info{order:3;flex-basis:100%;gap:6px}.drawing-sidebar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.drawing-sidebar .drawing-layers{grid-column:1/-1}.drawing-sidebar>.small{grid-column:1/-1}.drawing-sidebar .drawing-submit{margin:8px 0}.drawing-sidebar .drawing-drafts{margin:8px 0;align-content:start}}.drawing-main-tools [data-clear]{margin-left:auto}.drawing-session-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:6px 0;font-size:12px}.drawing-session-tools button{padding:5px 8px;font-size:12px}.drawing-session-tools select{min-width:0;max-width:280px;padding:5px}.drawing-session-tools [data-session-status]{flex:1;min-width:100px}.drawing-chat{position:fixed;z-index:10;display:flex;flex-direction:column;padding:8px;background:#faf9f0ed;border:1px solid #b8c9c2;border-radius:10px;box-shadow:0 4px 20px #0002;color:#173f3c}.drawing-chat[hidden]{display:none}.drawing-chat-heading{display:flex;align-items:center;gap:4px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.drawing-chat-heading strong{flex:1;font-size:12px}.drawing-chat button{padding:5px;font-size:11px}.drawing-chat [data-auto][aria-pressed=true]{background:#255f55;color:#fff}.drawing-chat-log{flex:1;min-height:0;overflow:auto;overflow-wrap:anywhere}.drawing-chat-log p{margin:4px 0;font-size:12px;color:inherit;line-height:1.5}.drawing-chat form{display:flex;gap:4px}.drawing-chat input{min-width:0;flex:1;width:100%;font-size:16px;padding:5px}.drawing-chat-error{font-size:11px;margin:2px 0;color:#b22}.drawing-chat.is-minimized{padding:0;background:#faf9f0b8}.drawing-chat.is-minimized>:not(.drawing-chat-icon){display:none}.drawing-chat-icon{width:100%;height:100%;font-size:23px!important;touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.drawing-chat.is-moving{transform:scale(1.08)}.drawing-chat.has-unread .drawing-chat-icon{animation:drawing-chat-blink 1s ease-in-out infinite}@keyframes drawing-chat-blink{50%{background:#ffc86c;color:#173f3c;box-shadow:0 0 12px #ffb638}}.drawing-brush-cursor{position:fixed;z-index:11;pointer-events:none;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #222;box-shadow:0 0 0 1px #fff8;opacity:var(--brush-opacity,1)}.drawing-brush-cursor[hidden]{display:none}.drawing-layers [data-layers]>.drawing-layer-permissions{display:block;padding:0 4px 6px;font-size:11px}.drawing-layer-permissions summary{cursor:pointer;color:#255f55}.drawing-layer-permissions label{display:flex;gap:4px;align-items:center;overflow-wrap:anywhere;margin:4px 0}.drawing-layer-permissions input{width:16px;height:16px}.area-transition{position:fixed;inset:0;z-index:2147483647;background:#000;pointer-events:auto;touch-action:none;will-change:opacity}.area-transition[hidden]{display:none}body.area-transitioning dialog[open]{visibility:hidden}.pose-exchange-dialog{width:min(1000px,94vw)}.pose-exchange-nav{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.pose-exchange-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);gap:18px}.pose-exchange-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.pose-exchange-list>.pose-exchange-nav{grid-column:1/-1}.pose-exchange-card{padding:10px;border:1px solid #cbd7cc;border-radius:12px;background:#fffaf0}.pose-exchange-card h3,.pose-exchange-card p{margin:6px 0;overflow-wrap:anywhere}.pose-exchange-card p{font-size:12px}.pose-exchange-card img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:8px}.pose-exchange-detail{min-width:0}.pose-exchange-detail>button{display:block;margin:8px 0}.pose-exchange-detail form{display:grid;gap:10px;margin:12px 0}.pose-exchange-detail input,.pose-exchange-detail textarea,.pose-exchange-detail select{width:100%;margin-top:5px}.pose-exchange-description{white-space:pre-wrap;overflow-wrap:anywhere}.pose-exchange-preview{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:4/3;border-radius:12px;margin:10px auto;background:#e6eee6}.pose-exchange-consent{display:flex!important;gap:8px;align-items:flex-start;font-size:13px}.pose-exchange-consent input{width:18px!important;margin:3px 0!important;flex-shrink:0}.pose-exchange-dialog.is-publishing .pose-exchange-panes{grid-template-columns:minmax(170px,.45fr) minmax(0,1fr)}@media(max-width:700px){.pose-exchange-panes,.pose-exchange-dialog.is-publishing .pose-exchange-panes{grid-template-columns:1fr}.pose-exchange-detail{border-top:1px solid #cbd7cc;padding-top:12px}.pose-exchange-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.pose-exchange-dialog.is-publishing .pose-exchange-list{display:block;line-height:1.6}.pose-exchange-preview-group{min-width:0}.pose-exchange-rotation{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.idle-pose-settings{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}.idle-pose-settings p{margin:5px 0 9px}.idle-pose-dialog{width:min(640px,94vw)}.idle-pose-dialog>[data-name]{overflow-wrap:anywhere}.last-one-dialog{width:min(900px,94vw)}.last-one-players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.last-one-player{border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px;overflow-wrap:anywhere}.last-one-player.active{border-color:#c99b35;background:#fff1c7}.last-one-board canvas{display:block;width:min(240px,100%);height:auto;margin:auto;border-radius:10px}.last-one-hand{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;max-height:240px;overflow:auto;padding:7px}.last-one-card{min-height:120px;color:#fff;font-weight:700;font-size:clamp(32px,4vw,48px);line-height:1.1;border:3px solid #fff;border-radius:10px;padding:8px;overflow-wrap:anywhere}.last-one-card.selected{outline:3px solid #f6c64c;outline-offset:1px;box-shadow:0 0 0 2px #816526}.last-one-card:disabled{opacity:.5}.last-one-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.last-one-colours{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.last-one-colours p{flex-basis:100%}.last-one-colours button{color:#fff;border:3px solid transparent}.last-one-colours button.selected{border-color:#f6c64c}@media(max-width:480px){.last-one-players{grid-template-columns:repeat(2,minmax(0,1fr))}.last-one-board canvas{width:160px}.last-one-hand{max-height:220px}}.last-one-player button{display:block;width:100%;font-size:11px;line-height:1.4;padding:6px;margin-top:6px}.last-one-declare-on{background:#fff1c7;border-color:#c99b35;font-weight:700}#account-form{margin-bottom:0}#account-submit{min-height:44px;margin-bottom:0}#account-mode{display:block;width:100%;min-height:44px;margin-top:44px}#startup-guest{display:block;width:100%;min-height:44px;margin-top:12px}.topbar{z-index:9;top:calc(var(--game-top,0px) + env(safe-area-inset-top) + 8px);left:calc(var(--game-left,0px) + env(safe-area-inset-left) + 68px);right:calc(var(--game-right,0px) + env(safe-area-inset-right) + 68px);height:auto;min-height:44px;max-height:calc(var(--game-height,100dvh) - 24px);overflow:auto;justify-content:flex-end;gap:8px;padding:4px;opacity:0;visibility:hidden;transform:translateY(calc(-100% - 24px));transition:transform .24s ease,opacity .2s ease,visibility 0s .24s;pointer-events:none}.topbar.is-open{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s;pointer-events:auto}.topbar .subtle{margin-left:0}.topbar button{min-height:40px;backdrop-filter:blur(8px)}.menu-toggle{position:fixed;z-index:10;right:calc(var(--game-right,0px) + env(safe-area-inset-right) + 12px);top:calc(var(--game-top,0px) + env(safe-area-inset-top) + 12px);width:44px;height:40px;padding:4px;font-size:22px;background:#faf9f099;backdrop-filter:blur(8px);border-color:#fff7}.menu-toggle[aria-expanded=true]{background:#faf9f0dd}.session.session-status{position:fixed;z-index:8;top:calc(var(--game-top,0px) + env(safe-area-inset-top) + 18px);right:calc(var(--game-right,0px) + env(safe-area-inset-right) + 70px);display:flex!important;gap:6px;margin:0;padding:5px 9px;max-width:min(240px,50vw);background:#faf9f078;border-radius:9px;font-size:11px;pointer-events:none;backdrop-filter:blur(6px)}#connection-count{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-open .session.session-status{visibility:hidden}@media(max-width:700px){.topbar{gap:5px;left:58px;padding:3px;right:62px}.topbar button{font-size:11px;padding:7px 9px}}@media(prefers-reduced-motion:reduce){.topbar{transition:none}}#entry-guide button:focus,.topbar button:focus,dialog button:focus,dialog input:focus,dialog select:focus,dialog summary:focus{outline:3px solid #dc9a34;outline-offset:3px}.photo-panel :is(button,input,select,textarea,summary):focus,.photo-return:focus,.photo-shutter:focus{outline:3px solid #dc9a34;outline-offset:3px}.mannequin-expressions{display:grid;gap:10px;border:1px solid #b7c7bf;border-radius:10px;padding:12px}.mannequin-expressions label{display:block}.mannequin-expressions select,.mannequin-expressions input[type=range]{display:block;width:100%}.mannequin-expressions output{float:right}.pad-select-dialog{width:min(360px,85vw);max-height:70dvh;padding:12px;border:1px solid #9aacaa;border-radius:14px;background:#faf9ef;color:#183d39}.pad-select-dialog::backdrop{background:#0005}.pad-select-dialog [role=listbox]{display:grid;gap:6px}.pad-select-dialog button{text-align:left;min-height:44px}.pad-select-dialog button:focus{outline:3px solid #278b9d;outline-offset:-3px}.pad-select-dialog [aria-selected=true]{background:#d7eee7}.mannequin-dialog{inset:0;margin:auto;width:min(1080px,94vw);max-height:calc(var(--game-height,100dvh) - 24px);overflow:auto}.mannequin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:24px;align-items:start}.mannequin-layout>div{min-width:0}.mannequin-layout input[type=file]{max-width:100%}.mannequin-preview{position:sticky;top:0;min-width:0}.mannequin-preview h3{margin-top:0}.mannequin-preview .pose-exchange-preview{max-width:none}.mannequin-preview p{margin-bottom:8px}@media(max-width:700px){.mannequin-layout{grid-template-columns:1fr}.mannequin-preview{position:static;grid-row:1}.mannequin-preview .pose-exchange-preview{max-height:35dvh;object-fit:contain}.mannequin-dialog{width:94vw}}.friend-person .friend-name{flex:1;min-width:120px;text-align:left;overflow-wrap:anywhere}.friend-person .friend-presence{flex:0 0 auto;min-width:0;font-size:12px;color:#64736e;white-space:nowrap}.friend-person .friend-presence.is-online{color:#247449;font-weight:700}.photo-save-dialog{width:min(700px,94vw);overflow:auto}.photo-save-dialog img{display:block;max-width:100%;max-height:60dvh;object-fit:contain;margin:auto}.touch-device #app .photo-save-dialog img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;touch-action:auto}.photo-save-dialog [data-download]{display:inline-block;padding:8px;color:#245c50}.photo-save-dialog .profile-actions{justify-content:flex-end}.photo-shutter{position:fixed;z-index:41;top:calc(76px + env(safe-area-inset-top,0px));right:max(20px,env(safe-area-inset-right,0px));width:52px;height:52px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:26px;background:#faf9f0e6;box-shadow:0 3px 14px #142f2a26;touch-action:manipulation}.photo-shutter:disabled{opacity:.5}@media(max-width:700px){.photo-shutter{right:max(12px,env(safe-area-inset-right,0px))}}#app :is(button,a,label,summary,select,input){touch-action:manipulation}.touch-device #app input:is([type=range],[type=checkbox],[type=radio],[type=color],[type=file],[type=button],[type=submit]){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app input[type=range],#app .panel-drag-handle,#app .panel-resize-handle,#app .photo-panel-move{touch-action:none}.photo-panel-heading{position:sticky;top:-20px;z-index:2;display:flex;align-items:center;gap:8px;background:#faf9f0f5;margin:-20px -20px 10px;padding:10px 12px 10px 20px;border-bottom:1px solid var(--line)}.photo-panel-heading h2{flex:1;margin:0}.photo-panel-move{flex:none;min-width:44px;min-height:44px;font-size:24px;padding:4px 8px;cursor:grab}.photo-panel-moving .photo-panel-move{cursor:grabbing}.photo-panel-moving{transition:none}#app .touch-controls button,#app #chat-restore,#app .drawing-chat-icon{touch-action:none}.touch-device #app :is(dialog,.panel,.topbar,.drawing-chat),.touch-device #app :is(dialog,.panel,.drawing-chat) :is(div,section,form,button,label,p,summary,select){touch-action:pan-x pan-y}.touch-device #app :is(button,[role=button],input[type=range]){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.touch-device #app :is(.panel-drag-handle,.panel-resize-handle,.photo-panel-move,input[type=range],canvas),.touch-device #app .touch-controls button,.touch-device #app #chat-restore,.touch-device #app .drawing-chat-icon{touch-action:none}.photo-panel{display:flex;flex-direction:column;overflow:hidden;padding:0;max-width:calc(100vw - 16px)}.photo-panel-heading{position:relative;top:auto;flex:none;margin:0;padding:10px 12px 10px 20px}.photo-panel-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:10px 20px 32px}.photo-panel-content>button{display:block;width:100%;margin-top:9px}.photo-panel-resize{z-index:3;background:#faf9f0eb;border-radius:5px;bottom:3px;right:3px}.photo-panel.photo-panel-sized,.touch-device .photo-panel.photo-panel-sized{max-height:calc(var(--game-height,100dvh) - 16px)}.avatar-preview-dialog{width:min(760px,94vw);max-height:calc(100dvh - 24px);overflow:auto}.avatar-preview-dialog h2{overflow-wrap:anywhere}.avatar-preview-dialog .pose-exchange-preview{width:100%;max-height:50dvh;object-fit:contain}.avatar-preview-dialog .entry-actions{display:flex;gap:8px;flex-wrap:wrap}#game-exit{display:block;width:100%;margin-top:18px;min-height:44px}.game-exit-dialog{width:min(420px,94vw)}.game-exit-dialog .entry-actions{margin-top:18px}.drawing-palette-label{font-size:12px;font-weight:600;margin-top:10px}.drawing-palette-label span{font-weight:400;font-size:11px;color:#65776d;margin-left:6px}.drawing-extra-inks summary{font-size:12px;cursor:pointer;padding:10px 0;touch-action:manipulation}.drawing-ink-palettes .drawing-palette{grid-template-columns:repeat(16,minmax(0,1fr));gap:6px;padding:4px}.drawing-ink-palettes .drawing-palette button{aspect-ratio:auto;height:32px;min-height:32px;box-shadow:none;background-image:none}.drawing-ink-palettes .drawing-palette button[hidden]{display:none}.drawing-ink-palettes .drawing-palette button[aria-pressed=true]{outline:3px solid #db7e25;outline-offset:1px}.drawing-ink-palettes .drawing-palette button:focus-visible{outline:3px solid #173f3c;outline-offset:2px}.drawing-extra-inks[open]{border-bottom:1px solid var(--line);padding-bottom:5px}.drawing-ink-palettes .drawing-recent-inks{grid-template-columns:repeat(12,minmax(0,1fr))}@media(max-width:600px){.drawing-ink-palettes .drawing-palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.drawing-ink-palettes .drawing-palette button{height:36px;min-height:36px}.drawing-ink-palettes .drawing-recent-inks{grid-template-columns:repeat(6,minmax(0,1fr))}}.drawing-colour-editor{display:grid;grid-template-columns:minmax(160px,1fr) 48px minmax(180px,220px);gap:14px;padding:8px 4px 14px;align-items:stretch}.drawing-colour-plane{position:relative;min-height:210px;border:1px solid #98a79a;border-radius:8px;background:linear-gradient(to top,#fff,transparent),linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:hidden}.drawing-colour-plane:focus-visible{outline:3px solid #db7e25;outline-offset:2px}.drawing-colour-plane [data-ink-shade]{position:absolute;inset:0;background:#000;pointer-events:none}.drawing-colour-plane [data-ink-marker]{position:absolute;width:14px;height:14px;border:2px solid white;box-shadow:0 0 0 1px #173f3c;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.drawing-ink-value{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;min-width:0}.drawing-ink-value input{writing-mode:vertical-lr;direction:rtl;flex:1;min-height:150px;width:28px;padding:0;touch-action:none;accent-color:#173f3c}.drawing-ink-value output{font-size:10px}.drawing-colour-fields{display:flex;flex-direction:column;gap:9px;min-width:0}.drawing-colour-fields label{font-size:11px;display:flex;flex-direction:column;gap:4px;min-width:0}.drawing-colour-fields input{box-sizing:border-box;width:100%;min-width:0;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fffefa;color:var(--ink);font-size:13px}.drawing-ink-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.drawing-ink-result{display:flex;align-items:center;gap:9px;font-size:11px}.drawing-ink-result>span{width:44px;height:44px;border:1px solid #839584;border-radius:6px;flex:none}.drawing-ink-result strong{display:block;margin-top:4px;font-size:13px}.drawing-colour-fields p{margin:0;font-size:10px;color:#65776d;line-height:1.6}@media(max-width:600px){.drawing-colour-editor{grid-template-columns:minmax(0,1fr) 44px;gap:10px}.drawing-colour-plane{min-height:180px}.drawing-colour-fields{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.drawing-colour-fields>p{grid-column:1/-1}.drawing-ink-value input{min-height:120px}}.drawing-canvas-column{min-width:0}.drawing-canvas-column .drawing-canvas-wrap{box-sizing:border-box}.drawing-canvas-height-tools{display:flex;gap:6px;margin-top:5px;align-items:center}.drawing-canvas-height-tools button{font-size:10px;padding:6px;min-height:30px}.drawing-canvas-height-tools [data-canvas-height]{flex:1;cursor:ns-resize;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#e3e9dc;color:#31594e;border:1px solid #b6c6b8;box-shadow:none}.drawing-canvas-height-tools [data-canvas-height]:focus-visible{outline:3px solid #db7e25;outline-offset:2px}.drawing-canvas-height-tools [data-canvas-height-reset]{flex:none;font-size:10px}.drawing-canvas-height-tools{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:5px}.drawing-canvas-height-tools [data-canvas-height]{grid-column:3;grid-row:1;min-width:0;min-height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawing-canvas-height-tools [data-canvas-height-reset]{grid-column:4;grid-row:1;justify-self:end;min-height:34px}.drawing-canvas-height-tools [data-canvas-size]{min-height:34px;padding:7px 12px;font-size:12px;font-weight:600;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.drawing-canvas-height-tools [data-canvas-size]:active{background:#d9e5d4}@media(max-width:400px){.drawing-canvas-height-tools [data-canvas-size]{padding:7px 8px;font-size:11px}}.drawing-ink-palettes{container-type:inline-size}.drawing-ink-palettes>.drawing-palette-label{margin-top:4px;font-size:11px}.drawing-ink-palettes [data-basic-inks]{grid-template-columns:repeat(32,minmax(16px,1fr));gap:3px;margin:3px 0;padding:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.drawing-colour-toolbar{position:relative;margin:0 0 4px;min-height:40px}.drawing-colour-toolbar .drawing-extra-inks summary{box-sizing:border-box;width:120px;min-height:40px;padding:12px 4px;font-size:11px;white-space:nowrap}.drawing-recent-strip{position:absolute;top:0;left:124px;right:0;min-width:0;height:40px;display:flex;align-items:center;gap:5px}.drawing-recent-label{flex:none;font-size:10px;white-space:nowrap;color:#506b61}.drawing-recent-strip [data-recent-empty]{font-size:10px;white-space:nowrap;color:#65776d}.drawing-ink-palettes .drawing-recent-inks{min-width:0;flex:1;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max(16px,calc((100cqw - 66px)/24));justify-content:start;gap:3px;margin:0;padding:4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.drawing-colour-toolbar .drawing-colour-editor{padding-top:4px}@media(max-width:600px){.drawing-ink-palettes [data-basic-inks]{grid-template-columns:repeat(32,minmax(18px,1fr));gap:3px}.drawing-ink-palettes .drawing-recent-inks{grid-template-columns:none;grid-auto-columns:max(18px,calc((100cqw - 30px)/12));gap:3px}.drawing-recent-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.drawing-recent-strip{left:116px}.drawing-colour-toolbar .drawing-extra-inks summary{width:112px}}#settings{width:min(640px,94vw);height:min(660px,calc(var(--game-height,100dvh) - 24px));padding:20px;overflow:hidden}#settings>form{display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}#settings .dialog-title{flex:none}#settings .dialog-title h2{margin:5px 0 0}.settings-tabs{display:flex;gap:5px;flex:none;overflow-x:auto;padding:4px;scrollbar-width:thin}.settings-tabs button{flex:1;white-space:nowrap;font-size:12px;padding:9px 8px}.settings-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 7px 10px 3px;scroll-padding:10px}.settings-scroll section>h3{margin-top:3px}.settings-footer{flex:none;padding-top:10px;border-top:1px solid var(--line)}#settings .settings-footer .close-button{margin:0}.sound-volume output{float:right;font-weight:700}.sound-volume input{min-height:30px}@media(max-width:600px){#settings{padding:14px}.settings-tabs{gap:3px}.settings-tabs button{font-size:11px;padding:9px 5px}}