:root{font-family:Inter,Noto Sans TC,system-ui,sans-serif;color:#20303a;background:#f6f4ee}*{box-sizing:border-box}body{margin:0}button,.button{border:0;border-radius:999px;background:#1f6257;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:11px 18px;text-decoration:none}button:hover,.button:hover{filter:brightness(.94)}button.secondary,.button.secondary{background:#eef2ed;color:#33534e}button.danger{background:#c54848}input,textarea{border:1px solid #d8ddd7;border-radius:12px;font:inherit;padding:12px;width:100%}label{display:grid;gap:7px;font-size:14px;font-weight:700}label span{color:#7c8b86;font-size:12px;font-weight:500}.landing{align-items:center;background:radial-gradient(circle at 80% 20%,#d9f3df,transparent 30%),radial-gradient(circle at 20% 80%,#fff0bc,transparent 35%),#f7f5ef;display:flex;justify-content:center;min-height:100vh;padding:28px}.welcome-card{background:#ffffffe0;border:1px solid #e6ebe4;border-radius:28px;box-shadow:0 18px 60px #55706320;max-width:650px;padding:42px;width:100%}.welcome-card.compact{max-width:460px}.eyebrow{color:#348274;font-size:11px;font-weight:900;letter-spacing:.18em;margin:0 0 5px}h1{color:#27413c;font-size:clamp(28px,5vw,46px);line-height:1.08;margin:8px 0 14px}.intro{color:#657570;line-height:1.7}.company-line,.topbar-brand{color:#7c8b86;font-size:12px}.company-line a,.topbar-brand{color:#2f766a;font-weight:800;text-decoration:none}.company-line a:hover,.topbar-brand:hover{text-decoration:underline}form{display:grid;gap:17px;margin-top:25px}.error{color:#bd3636;font-size:14px;margin:0}.success-panel{background:#f6fbf7;border-radius:18px;margin-top:22px;padding:20px}.button-row{display:flex;gap:10px;justify-content:flex-end}.account-card{background:#f6fbf7;border:1px solid #dfe8e2;border-radius:18px;display:grid;gap:12px;margin:18px 0;padding:14px}.account-card form{margin-top:0}.account-card b{color:#315f57;display:block;font-size:15px}.account-card span,.account-card p,.player-join-card span{color:#657570;font-size:12px;line-height:1.5;margin:0}.account-summary{align-items:center;display:flex;gap:10px;justify-content:space-between}.account-tabs{display:flex;gap:8px}.account-tabs button{flex:1;font-size:13px;padding:8px 10px}.account-message{color:#287065;font-size:12px;font-weight:800;margin:0}.character-card{background:#fffdf4;border:1px solid #e6eadf;border-radius:18px;display:grid;gap:14px;grid-template-columns:minmax(140px,170px) minmax(0,1fr);padding:12px}.paper-doll{align-items:center;background:radial-gradient(circle at 50% 26%,#fff6d5,#e8f4ea 72%);border:2px solid #d7e4d9;border-radius:22px;display:grid;min-height:206px;overflow:hidden;padding:12px;position:relative}.paper-doll:after{background:radial-gradient(ellipse at center,#315f5724,transparent 65%);bottom:16px;content:"";height:18px;left:28%;position:absolute;right:28%}.doll-stage{aspect-ratio:2 / 3;display:grid;justify-self:center;max-height:190px;position:relative;width:min(100%,128px);z-index:1}.doll-layer,.doll-fallback{grid-area:1 / 1;height:100%;object-fit:contain;object-position:center;width:100%}.doll-layer-positioned{height:auto;left:50%;object-fit:contain;position:absolute;top:50%;transform-origin:center center}.doll-fallback{align-items:center;display:flex;font-size:42px;justify-content:center;line-height:1;text-shadow:0 3px 9px #35514722}.character-edit-button{background:#ffffffb8;bottom:8px;box-shadow:0 8px 18px #315f572e;color:#315f57;font-size:14px;height:34px;padding:0;position:absolute;right:8px;width:34px;z-index:2}.character-summary{align-self:center;display:grid;gap:5px;min-width:0}.character-summary b{color:#315f57;font-size:13px}.character-summary span{color:#657570;font-size:12px;line-height:1.45}.character-editor{max-width:520px}.character-editor .cosmetic-slots{margin:16px 0}.cosmetic-slots{display:grid;gap:8px}.cosmetic-slot{display:grid;gap:5px}.cosmetic-slot b{font-size:12px;margin:0}.cosmetic-slot div{display:flex;flex-wrap:wrap;gap:5px}.cosmetic-slot button{align-items:center;background:#eef3f0;border:2px solid transparent;color:#315f57;display:grid;font-size:17px;height:42px;justify-content:center;overflow:hidden;padding:0;place-items:center;width:42px}.cosmetic-slot button span,.cosmetic-slot button img{grid-area:1 / 1}.cosmetic-slot button img{height:38px;object-fit:contain;width:38px}.cosmetic-slot button.chosen{background:#dff2ec;border-color:#397c70}.cosmetic-slot button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.38}.player-join-card{background:#f6fbf7;border:1px solid #dfe8e2;border-radius:16px;display:grid;gap:3px;padding:12px}.join-share{background:#f6fbf7;border:1px solid #dfe8e2;border-radius:18px;display:grid;gap:10px;margin:18px 0;padding:14px}.join-share button{justify-self:end}.join-tabs{background:#eef2ed;border-radius:999px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;padding:6px}.join-tabs button{background:transparent;color:#33534e;min-height:40px;padding:8px 12px}.join-tabs button.active{background:#1f6257;color:#fff}.welcome-card h2{color:#315f57;font-size:18px;margin:2px 0 0}.lobby-page{align-items:flex-start;justify-content:center;overflow-y:auto}.lobby-shell{max-width:1180px;width:100%}.lobby-hero{align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(320px,390px);margin-bottom:18px}.lobby-hero>div:first-child,.lobby-card{background:#ffffffe6;border:1px solid #e6ebe4;border-radius:26px;box-shadow:0 18px 60px #5570631a;padding:28px}.lobby-hero h1{margin-top:6px}.lobby-account{margin:0}.lobby-layout{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.lobby-left{display:grid;gap:18px}.lobby-card h2{color:#315f57;font-size:20px;margin:0 0 12px}.lobby-card h3{color:#315f57;font-size:16px;margin:0 0 8px}.muted{color:#74827e;font-size:14px;line-height:1.55;margin:0}.room-tabs-card{min-height:310px}.room-tab-buttons{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.room-tab-buttons button{align-items:center;background:#eef2ed;color:#33534e;display:flex;font-size:13px;justify-content:center;min-height:42px;padding:8px 10px}.room-tab-buttons button.active{background:#1f6257;color:#fff}.room-tab-buttons span{align-items:center;background:#ffffff78;border-radius:999px;display:inline-flex;font-size:11px;justify-content:center;margin-left:6px;min-width:22px;padding:1px 6px}.room-list{display:grid;gap:10px}.room-card{align-items:center;background:#f8faf8;border:1px solid #e1e8e3;border-radius:18px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:13px}.room-card b{color:#315f57;display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card span,.room-card small{color:#667672;display:block;font-size:12px;line-height:1.45}.room-actions{display:flex;gap:7px}.room-actions .button,.room-actions button{font-size:12px;padding:8px 12px;white-space:nowrap}.room-management{background:#fffdf4;border:1px solid #e6eadf;border-radius:16px;display:grid;gap:10px;grid-column:1 / -1;padding:12px}.create-room-card form{margin-top:0}.leaderboards{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-card{padding:22px}.leaderboard-list{display:grid;gap:8px}.leaderboard-row{align-items:center;background:#f8faf8;border:1px solid #e1e8e3;border-radius:16px;display:grid;gap:10px;grid-template-columns:30px minmax(0,1fr) auto;margin:0;padding:9px 11px}.leaderboard-rank{align-items:center;background:#e7f1ed;border-radius:50%;color:#1f6257;display:flex;font-size:13px;font-weight:900;height:28px;justify-content:center;width:28px}.leaderboard-player{align-items:center;color:#415b55;display:flex;font-size:13px;font-weight:800;gap:8px;min-width:0}.leaderboard-player i{align-items:center;background:#fff;border:1px solid #dfe5df;border-radius:50%;display:flex;font-size:15px;font-style:normal;height:28px;justify-content:center;width:28px}.leaderboard-player b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row strong{color:#1f6257;font-size:13px;white-space:nowrap}.showcase-card{overflow:hidden}.showcase-card h2{margin-bottom:6px}.showcase-list{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.showcase-list a{background:linear-gradient(135deg,#fff8dd,#e8f6ef);border:1px solid #e1e8e3;border-radius:18px;color:#315f57;display:grid;gap:6px;min-height:86px;padding:14px;text-decoration:none}.showcase-list a:hover{filter:brightness(.98);transform:translateY(-1px)}.showcase-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-list span{color:#657570;font-size:12px;line-height:1.45}.inline-toggle{align-items:center;background:#f4f8f6;border-radius:14px;color:#49615c;display:flex;gap:9px;padding:10px}.inline-toggle input{accent-color:#397c70;width:auto}.board-shell{background:#f1efe8;height:100vh;overflow:hidden}.topbar{align-items:center;background:#ffffffeb;border-bottom:1px solid #dde3dd;display:flex;justify-content:space-between;min-height:68px;padding:10px 18px;position:fixed;width:100%;z-index:20}.topbar h1{font-size:20px;margin:1px 0 0}.topbar-actions,.presence-list{align-items:center;display:flex;gap:8px}.person-chip{align-items:center;background:#f6f8f6;border:1px solid #dfe6e2;border-radius:999px;color:#49615c;display:flex;font-size:12px;font-weight:700;gap:5px;padding:3px 8px 3px 3px;white-space:nowrap}.presence-list i{align-items:center;background:var(--person-color);border-radius:50%;color:#fff;display:flex;font-size:11px;font-style:normal;height:22px;justify-content:center;width:22px}.presence-list small{color:#6d7b77;margin-right:8px;white-space:nowrap}.icon-button{background:#edf4f0;color:#376159;font-size:21px;padding:6px 12px}.board-viewport{height:100vh;overflow:hidden;touch-action:none;width:100vw}.board-world{height:1px;position:relative;transform-origin:0 0;width:1px}.toolbar{align-items:center;background:#fffffff5;border:1px solid #dfe5df;border-radius:24px;bottom:18px;box-shadow:0 16px 42px #3f554726;display:flex;gap:7px;left:50%;padding:9px;position:fixed;transform:translate(-50%);z-index:20}.toolbar button{min-height:42px;padding:9px 14px}.toolbar select{background:#eef2ed;border:0;border-radius:999px;color:#33534e;font:inherit;font-size:13px;font-weight:800;min-height:42px;padding:0 12px}.toolbar-toggle{align-items:center;background:transparent;border:0;bottom:82px;color:#fff;display:flex;font-size:18px;height:34px;justify-content:center;left:50%;line-height:1;min-width:68px;padding:0 8px;position:fixed;transform:translate(-50%);z-index:19}.toolbar-toggle:before{background:#214f47;border:2px solid #ffffffd8;border-radius:18px 18px 12px 12px;box-shadow:0 8px 22px #3f55471f;content:"";inset:0;position:absolute;transform:perspective(34px) rotateX(16deg);transform-origin:bottom center;z-index:-1}.toolbar-toggle.collapsed{bottom:18px;left:50%;transform:translate(-50%)}.toolbar span{color:#78827f;font-size:12px;padding:0 7px}.sticky{border-radius:5px 18px 18px;box-shadow:0 8px 18px #53615b2c;min-height:180px;padding:10px;position:absolute;touch-action:none;width:230px;z-index:4}.sticky.dark-sticky{color:#f7f5ef}.sticky.dragging{cursor:grabbing;opacity:.88}.sticky.linking{cursor:crosshair;outline:3px solid #ffffffaa}.sticky.link-selected{outline:4px solid #387d70}.sticky.selected{box-shadow:0 0 0 3px #397c7044,0 8px 18px #53615b2c}.sticky.pulse-target{filter:drop-shadow(0 0 12px #f4c84a) drop-shadow(0 0 24px #f4c84a);transform:scale(1.015)}.sticky-tools{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;margin-bottom:6px;opacity:1}.sticky-tools button{border:1px solid #ffffffaa;height:15px;padding:0;width:15px}.sticky-tools .delete{background:transparent;border:0;color:#6a6253;font-size:18px;height:18px;line-height:10px;width:18px}.sticky-tools .drag-handle,.sticky-tools .more-tools{background:transparent;border:0;color:#756f62;font-size:13px;height:18px;width:auto}.sticky.dark-sticky .delete,.sticky.dark-sticky .drag-handle,.sticky.dark-sticky .more-tools{color:#f7f5ef}.sticky-tools .drag-handle{cursor:grab}.sticky-tools .sticky-color{height:18px;width:18px}.sticky-palette,.sticky-menu{background:#fff;border:1px solid #dfe5df;border-radius:10px;box-shadow:0 6px 18px #43554e22;display:grid;gap:5px;padding:7px;position:absolute;right:8px;top:31px;z-index:10}.sticky-palette{grid-template-columns:repeat(6,16px)}.sticky-palette button{height:16px;width:16px}.sticky-menu{grid-template-columns:repeat(5,26px);min-width:170px}.sticky-menu button{background:#eef4f1;color:#47615b;font-size:15px;height:26px;padding:0;width:26px}.sticky-menu select{background:#f4f8f6;border:1px solid #dbe5df;border-radius:9px;color:#47615b;font-size:11px;font-weight:800;grid-column:1 / -1;min-height:30px;padding:4px 7px;width:100%}.sticky-author{background:transparent;border-radius:6px;bottom:8px;color:#766d58;display:block;font-size:10px;font-weight:800;max-width:120px;overflow:hidden;padding:2px 4px;position:absolute;right:8px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.sticky-author:hover{background:#ffffff78;filter:none}.sticky-author-editor{background:#fffe;border:1px solid #cfdad5;border-radius:9px;bottom:8px;color:#415b55;font-size:11px;font-weight:800;max-width:142px;padding:3px 6px;position:absolute;right:8px;width:142px;z-index:14}.sticky textarea{background:transparent;border:0;caret-color:transparent;line-height:1.5;outline:0;padding:2px;pointer-events:none;resize:none;-webkit-user-select:none;user-select:none}.sticky.dark-sticky textarea,.sticky.dark-sticky .sticky-author,.sticky.dark-sticky .editing{color:#f7f5ef}.sticky.dark-sticky .sticky-author:hover{background:#00000024}.sticky.editing-mode textarea{caret-color:auto;pointer-events:auto;-webkit-user-select:text;user-select:text}.editing{bottom:24px;color:#766d58;display:block;font-size:10px;max-width:116px;overflow:hidden;position:absolute;right:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.reactions{bottom:8px;display:flex;flex-wrap:nowrap;gap:4px;left:10px;max-width:136px;position:absolute}.reactions button{background:#ffffff80;border:1px solid #ffffff66;color:#46524e;font-size:13px;padding:3px 6px}.reactions button.selected{background:#fff;border-color:#7fb5a7}.reactions small{margin-left:3px}.export-stage{background:#f1efe8;color:#20303a;font-family:Inter,Noto Sans TC,system-ui,sans-serif;left:-100000px;overflow:hidden;position:fixed;top:0;z-index:-1}.export-connections{height:100%;left:0;overflow:visible;position:absolute;top:0;width:100%;z-index:2}.export-group{border:2px dashed #79a398;border-radius:20px;position:absolute;z-index:1}.export-group-title{background:#eef8f5;border-radius:14px;color:#47736b;font-size:13px;font-weight:800;left:12px;line-height:1.2;max-width:210px;overflow:hidden;padding:8px 12px;position:absolute;text-overflow:ellipsis;top:-19px;white-space:nowrap}.export-sticky{border-radius:5px 18px 18px;box-shadow:0 8px 18px #53615b2c;min-height:180px;overflow:hidden;padding:10px;position:absolute;width:230px;z-index:4}.export-sticky-tools{height:24px;margin-bottom:6px}.export-sticky-text{color:#20303a;font:inherit;line-height:1.5;overflow:hidden;padding:2px;white-space:pre-wrap;word-break:break-word}.export-sticky-author{bottom:10px;color:#766d58;display:block;font-size:10px;max-width:112px;overflow:hidden;position:absolute;right:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.export-reactions{bottom:8px;display:flex;flex-wrap:nowrap;gap:4px;left:10px;max-width:136px;position:absolute}.export-reactions span{background:#ffffff80;border:1px solid #ffffff66;border-radius:999px;color:#46524e;font-size:13px;font-weight:700;line-height:1.2;padding:3px 6px}.group-box{border:2px dashed #79a398;border-radius:20px;pointer-events:none;position:absolute;z-index:1}.group-box.linking{border-color:#315f57;box-shadow:0 0 0 4px #fffa}.group-box.link-selected{border-color:#1f6257;box-shadow:0 0 0 4px #397c7044}.group-edge{pointer-events:auto;position:absolute}.group-edge.top,.group-edge.bottom{cursor:move;height:14px;left:10px;right:10px}.group-edge.left,.group-edge.right{bottom:10px;cursor:move;top:10px;width:14px}.group-edge.top{top:-7px}.group-edge.right{right:-7px}.group-edge.bottom{bottom:-7px}.group-edge.left{left:-7px}.connections-layer{height:1px;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:1px;z-index:2}.connections-layer line{cursor:pointer;pointer-events:stroke;stroke:#557d76;stroke-linecap:round;stroke-width:5}.connections-layer line.dashed{stroke-dasharray:13 11}.connections-layer line:not(.cutting){pointer-events:none}.connections-layer line.cutting{cursor:none;stroke-width:9}.link-hint{background:#315f57;border-radius:999px;bottom:82px;color:#fff;font-size:13px;left:50%;margin:0;padding:9px 15px;position:fixed;transform:translate(-50%);z-index:21}.color-setting:first-letter{color:var(--chosen-color)}.personal-palette{background:#fff;border:1px solid #dfe5df;border-radius:14px;bottom:62px;box-shadow:0 8px 24px #3f55472b;display:grid;gap:7px;grid-template-columns:repeat(6,18px);padding:10px;position:absolute;right:34px}.personal-palette button{border:1px solid #cbd7d2;height:18px;padding:0;width:18px}.personal-palette button.chosen{outline:3px solid #397c70}.group-title{align-items:center;background:#eef8f5;border-radius:14px;display:flex;left:12px;padding:4px 8px;pointer-events:auto;position:absolute;top:-19px;width:210px}.group-title input{background:transparent;border:0;color:#47736b;font-size:13px;font-weight:800;padding:4px}.group-title button{background:transparent;color:#47736b;font-size:16px;padding:0 5px}.group-menu{background:#fff;border:1px solid #dfe5df;border-radius:10px;box-shadow:0 6px 18px #43554e22;display:grid;gap:5px;grid-template-columns:repeat(4,26px);padding:7px;position:absolute;right:10px;top:30px;z-index:12}.group-menu button{background:#eef4f1;color:#47615b;font-size:15px;height:26px;padding:0;width:26px}.resize-handle{border-bottom:12px solid #79a398;border-left:12px solid transparent;bottom:5px;cursor:nwse-resize;height:0;pointer-events:auto;position:absolute;right:5px;width:0}.remote-cursor{pointer-events:none;position:absolute;z-index:10}.remote-cursor span{font-size:24px}.remote-cursor b{align-items:center;background:#fff;border:2px solid currentColor;border-radius:50%;color:#344d49;display:flex;font-size:17px;height:34px;justify-content:center;margin-left:17px;width:34px}.remote-cursor em{background:#fffe;border:1px solid currentColor;border-radius:999px;color:#315f57;display:inline-block;font-size:11px;font-style:normal;font-weight:900;margin-left:12px;margin-top:3px;max-width:120px;overflow:hidden;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap}.selection-marquee{background:#397c7022;border:1px solid #397c70;border-radius:10px;pointer-events:none;position:absolute;z-index:12}.center-marker{color:#6d9c93;font-size:32px;left:-16px;position:absolute;top:-20px;z-index:1}.cut-cursor{filter:drop-shadow(0 5px 8px #1c3d3633);height:34px;pointer-events:none;position:fixed;transform:rotate(-12deg);transform-origin:45% 65%;width:34px;z-index:60}.cut-cursor svg{height:100%;overflow:visible;width:100%}.cut-cursor .blade{fill:#eef8f5;stroke:#1f6257;stroke-linejoin:round;stroke-width:4;transform-origin:32px 32px}.cut-cursor .upper{transform:rotate(-16deg)}.cut-cursor .lower{transform:rotate(16deg)}.cut-cursor .scissor-joint{fill:#f6b83e;stroke:#1f6257;stroke-width:3}.cut-cursor .scissor-handle{fill:none;stroke:#1f6257;stroke-width:5}.cut-cursor .scissor-grip{fill:none;stroke:#1f6257;stroke-linecap:round;stroke-width:5}.cut-cursor.targeting{height:42px;width:42px}.cut-cursor.targeting .upper{animation:snip-upper .38s ease-in-out infinite}.cut-cursor.targeting .lower{animation:snip-lower .38s ease-in-out infinite}@keyframes snip-upper{0%,to{transform:rotate(-19deg)}50%{transform:rotate(5deg)}}@keyframes snip-lower{0%,to{transform:rotate(19deg)}50%{transform:rotate(-5deg)}}.settings-toggle,.author-toggle,.reaction-toggle,.layer-toggle{align-items:center;background:#fff;border:1px solid #dfe5df;border-radius:999px;box-shadow:0 8px 22px #3f554716;color:#33534e;display:flex;font-size:12px;gap:5px;padding:7px 11px;position:fixed;right:18px;z-index:21}.settings-toggle{bottom:18px}.settings-panel{background:#fffffff7;border:1px solid #dfe5df;border-radius:16px;bottom:58px;box-shadow:0 12px 34px #3f554729;display:grid;gap:10px;padding:13px;position:fixed;right:18px;width:245px;z-index:32}.settings-panel label{align-items:center;color:#536861;display:flex;font-size:12px;gap:8px;margin:0}.settings-panel label:has(select){align-items:stretch;display:grid;gap:6px}.settings-panel input{accent-color:#397c70;width:auto}.settings-panel select{background:#eef2ed;border:0;border-radius:999px;color:#33534e;font:inherit;font-size:12px;font-weight:800;min-height:38px;padding:0 10px;width:100%}.author-toggle{bottom:102px}.reaction-toggle{bottom:64px}.layer-toggle{bottom:140px}.author-toggle input,.reaction-toggle input,.layer-toggle input{accent-color:#397c70;width:auto}.group-toast{animation:toast-pop 1.6s ease both;background:#153f39;border:3px solid #f8d978;border-radius:999px;bottom:138px;box-shadow:0 24px 70px #1f342f90,0 0 0 9px #f8d9783a;color:#fff;filter:drop-shadow(0 16px 22px #214f4740);font-size:16px;font-weight:900;left:50%;margin:0;padding:13px 22px;position:fixed;transform:translate(-50%);z-index:60}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,14px) scale(.92)}16%{opacity:1;transform:translate(-50%,-8px) scale(1.04)}78%{opacity:1;transform:translate(-50%,-8px) scale(1)}to{opacity:0;transform:translate(-50%,-18px) scale(.98)}}.side-toggle{background:#315f57;border-radius:0 999px 999px 0;box-shadow:0 8px 22px #3f55471f;left:-62px;min-width:92px;opacity:.36;padding:9px 13px 9px 18px;position:fixed;top:126px;transition:left .18s ease,opacity .18s ease,transform .18s ease;z-index:31}.side-toggle:hover,.side-toggle:focus-visible{left:0;opacity:1;transform:translate(0)}.flow-toggle{top:126px}.template-toggle{top:170px}.ai-toggle{top:214px}.admin-toggle{top:258px}.inspiration-sidebar,.flow-sidebar,.stats-panel,.utility-panel{background:#fffffff5;border:1px solid #dfe5df;box-shadow:0 10px 34px #3f55472b;position:fixed;z-index:30}.flow-sidebar,.inspiration-sidebar{border-radius:18px;bottom:14px;left:14px;overflow-y:auto;padding:18px;top:102px;width:310px}.inspiration-sidebar h2,.flow-sidebar h2,.stats-panel h2,.utility-panel h2{color:#315f57;font-size:19px;margin:0 0 4px}.flow-sidebar .panel-close,.inspiration-sidebar .panel-close,.utility-panel .panel-close{background:transparent;color:#70807b;font-size:20px;padding:0 5px;position:absolute;right:7px;top:5px}.inspiration-sidebar h3{color:#42655f;font-size:14px;margin:19px 0 8px}.inspiration-sidebar>p,.flow-sidebar>p{color:#71807c;font-size:13px;line-height:1.5;margin:0}.inspiration-sidebar form{gap:8px;margin:14px 0}.inspiration-sidebar textarea{font-size:13px;min-height:72px;resize:vertical}.flow-editor{display:grid;gap:10px;margin:14px 0}.flow-editor label{background:#f4f8f6;border-radius:14px;padding:10px;position:relative}.flow-editor textarea{border:0;color:#536861;font-size:13px;line-height:1.45;min-height:82px;resize:vertical}.flow-editor .plain-delete{background:transparent;color:#7d7768;font-size:15px;padding:2px 5px;position:absolute;right:6px;top:6px;width:fit-content}.template-list{display:grid;gap:8px}.template-list article,.drawn-template{background:#fff8cd;border-radius:12px;padding:10px;position:relative}.template-list p,.drawn-template p{color:#53615c;font-size:13px;line-height:1.45;margin:0 16px 8px 0;white-space:pre-wrap}.template-list button,.drawn-template button{font-size:11px;padding:6px 9px}.template-list .plain-delete{background:transparent;color:#7d7768;font-size:17px;padding:2px 5px;position:absolute;right:5px;top:4px}.dice{margin-top:14px;width:100%}.drawn-template{background:#e8f6ef;margin-top:9px}.drawn-template b{color:#47736b;font-size:12px}.avatar-picker{display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.avatar-picker button{background:#eef3f0;border:2px solid transparent;color:#315f57;font-size:19px;padding:7px}.avatar-picker button.chosen{border-color:#397c70;background:#dff2ec}.avatar-popover,.export-panel{background:#fff;border:1px solid #dfe5df;border-radius:14px;box-shadow:0 8px 24px #3f55472b;padding:13px;position:fixed;right:20px;top:76px;width:250px;z-index:42}.avatar-popover b{color:#42655f;display:block;font-size:13px;margin-bottom:9px}.personal-panel{display:grid;gap:9px;width:282px}.personal-panel p{color:#657570;font-size:12px;line-height:1.45;margin:0}.personal-panel .gacha-button{padding:9px 12px;width:100%}.personal-panel .gacha-button:disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.65}.gacha-machine{align-items:center;background:linear-gradient(180deg,#fff8dd,#edf7ef);border:1px solid #dfe8e2;border-radius:18px;display:grid;gap:3px;justify-items:center;min-height:96px;overflow:hidden;padding:10px;transition:opacity .2s ease,transform .2s ease}.gacha-machine[aria-hidden=true]{display:none}.gacha-dome{align-items:center;background:radial-gradient(circle at 35% 28%,#fff,#f7cf6a 24%,#aee8d2 52%,#d2b5ff 76%);border:3px solid #1f6257;border-radius:999px 999px 18px 18px;box-shadow:inset 0 10px 16px #ffffff8a;display:flex;font-size:23px;height:48px;justify-content:center;width:64px}.gacha-body{background:#1f6257;border-radius:12px 12px 16px 16px;height:30px;position:relative;width:76px}.gacha-body span{background:#f3bf4a;border:3px solid #fff4c9;border-radius:50%;height:18px;left:50%;position:absolute;top:6px;transform:translate(-50%);width:18px}.gacha-tray{color:#1f6257;font-size:22px;font-weight:900;height:24px;line-height:1}.gacha-machine.rolling .gacha-dome{animation:gacha-shake .16s ease-in-out infinite alternate}.gacha-machine.rolling .gacha-body span{animation:gacha-spin .42s linear infinite}.gacha-machine.revealed .gacha-tray{animation:gacha-pop .55s ease both}.gacha-pool{align-items:stretch;display:grid;flex:1 1 150px;gap:5px;min-width:150px}.gacha-pool select{background:#eef2ed;border:0;border-radius:999px;color:#33534e;font:inherit;font-size:12px;font-weight:800;min-height:40px;padding:0 12px;width:100%}@keyframes gacha-shake{0%{transform:rotate(-5deg) translate(-2px)}to{transform:rotate(5deg) translate(2px)}}@keyframes gacha-spin{to{transform:translate(-50%) rotate(360deg)}}@keyframes gacha-pop{0%{opacity:0;transform:translateY(-12px) scale(.5)}70%{opacity:1;transform:translateY(3px) scale(1.18)}to{opacity:1;transform:translateY(0) scale(1)}}.export-panel{display:grid;gap:8px}.export-panel h2{color:#315f57;font-size:17px;margin:0}.export-panel p{color:#71807c;font-size:12px;margin:5px 0 0}.export-panel .panel-close{background:transparent;color:#70807b;font-size:20px;padding:0 5px;position:absolute;right:7px;top:5px}.utility-panel{border-radius:16px;display:grid;gap:10px;max-height:74vh;overflow-y:auto;padding:15px;right:18px;top:84px;width:360px}.utility-panel input,.utility-panel textarea{font-size:13px}.utility-panel textarea{min-height:86px;resize:vertical}.utility-list{display:grid;gap:7px}.utility-list button,.utility-list article{background:#f8faf8;border:1px solid #e1e8e3;border-radius:12px;color:#415b55;display:grid;gap:4px;padding:9px 11px;text-align:left}.utility-list button b,.utility-list article b{color:#315f57;font-size:12px}.utility-list button span,.utility-list article span,.utility-list small{color:#667672;font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-list{display:grid;gap:8px;max-height:38vh;overflow-y:auto}.message-list article{background:#f8faf8;border:1px solid #e1e8e3;border-radius:12px;padding:10px}.message-list b{color:#315f57;font-size:12px}.message-list p{color:#415b55;font-size:13px;line-height:1.5;margin:5px 0;white-space:pre-wrap}.message-list small{color:#7a8985;font-size:11px}.backup-panel .button-row{justify-content:flex-start}.export-grid{display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.stats-panel{border-radius:16px;max-height:72vh;overflow-y:auto;padding:15px;right:18px;top:84px;width:345px}.stats-panel>b{color:#315f57;display:block;font-size:22px;margin:8px 0 12px}.stats-panel label{align-items:center;color:#596b66;display:flex;font-size:12px;gap:7px;margin:7px 0;overflow:hidden;white-space:nowrap}.stats-panel input{accent-color:#397c70;width:auto}.stats-panel i{border:1px solid #d8ddd7;border-radius:50%;flex:0 0 auto;height:14px;width:14px}.stats-panel h3{color:#60746e;font-size:12px;margin:13px 0 5px}.stats-colors{display:flex;flex-wrap:wrap;gap:6px}.stats-colors button{border:1px solid #cbd7d2;color:#52625e;font-size:10px;height:24px;padding:0;width:24px}.stats-colors button.chosen{outline:3px solid #397c70}.stats-actions{display:flex;gap:7px}.stats-actions button{font-size:12px;padding:7px 10px}.reaction-stats{display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.reaction-stats button{background:#f4f8f6;border-radius:10px;color:#536861;font-size:12px;font-weight:800;padding:8px 4px;text-align:center}.reaction-stats button.chosen{background:#315f57;color:#fff}.reaction-limit{align-items:center;background:#f8faf8;border:1px solid #e1e8e3;border-radius:12px;color:#536861;display:flex;font-size:12px;font-weight:800;justify-content:space-between;margin:6px 0 8px;padding:7px 9px}.reaction-limit input{border:1px solid #cdd9d2;border-radius:9px;font:inherit;padding:5px 7px;width:64px}.reaction-list{display:grid;gap:6px;margin-top:8px}.reaction-list button{align-items:center;background:#fffdf4;border:1px solid #e6dfbf;border-radius:12px;color:#415b55;display:grid;gap:8px;grid-template-columns:1fr auto;padding:8px 10px;text-align:left}.reaction-list span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-list b{color:#1f6257}.scoreboard{display:grid;gap:7px}.scoreboard p{align-items:center;background:#f8faf8;border:1px solid #e1e8e3;border-radius:12px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(56px,auto) minmax(154px,auto);margin:0;min-height:54px;padding:8px 11px}.scoreboard span{color:#415b55;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard span em{background:#e7f1ed;border-radius:999px;color:#5c716b;display:inline-block;font-size:10px;font-style:normal;margin-left:6px;padding:1px 6px;vertical-align:middle}.scoreboard b{color:#1f6257;font-size:13px}.scoreboard small{color:#7b8985;display:grid;font-size:11px;gap:4px;grid-template-columns:repeat(4,34px);justify-content:flex-end;min-width:154px}.scoreboard small i{align-items:center;background:#fff;border:1px solid #e1e8e3;border-radius:12px;color:#536861;display:grid;font-style:normal;gap:1px;justify-items:center;min-height:36px;padding:2px 3px}.scoreboard small i span{line-height:1}.scoreboard small i em{color:#667672;font-size:10px;font-style:normal;line-height:1}.modal-backdrop{align-items:center;background:#243d3955;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.modal{background:#fff;border-radius:22px;max-width:390px;padding:25px;width:calc(100% - 32px)}.modal h2{margin:0}.modal p{color:#6d7774;font-size:14px;line-height:1.5}.help-button{min-width:42px;padding-inline:13px}.guide-modal{max-width:520px}.guide-list{color:#536861;display:grid;gap:10px;line-height:1.55;margin:16px 0 20px;padding-left:22px}.guide-list li::marker{color:#1f6257;font-weight:900}.ai-modal{max-width:620px}.ai-result{background:#f4f7f5;border-radius:12px;color:#4d5f5b;font-size:14px;line-height:1.6;max-height:46vh;min-height:130px;overflow-y:auto;padding:13px;white-space:pre-wrap}@media(max-width:680px){.landing{padding:14px}.lobby-hero,.lobby-layout,.leaderboards{grid-template-columns:1fr}.lobby-hero>div:first-child,.lobby-card{border-radius:20px;padding:18px}.character-card{grid-template-columns:1fr}.paper-doll{min-height:230px}.doll-stage{max-height:214px;width:min(68vw,148px)}.room-card{grid-template-columns:1fr}.room-actions{justify-content:flex-start}.topbar{align-items:flex-start;gap:6px;padding:8px 10px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.topbar-actions button{font-size:12px;padding:7px 10px}.icon-button{font-size:18px!important}.presence-list{max-width:52vw;overflow-x:auto}.presence-list small{display:none}.welcome-card{padding:26px}.toolbar{flex-wrap:wrap;justify-content:center;width:min(96vw,560px)}.toolbar button{font-size:12px;padding:8px 10px}.toolbar-toggle{bottom:108px;left:50%;right:auto;transform:translate(-50%);z-index:19}.toolbar-toggle.collapsed{bottom:14px;left:50%;right:auto;transform:translate(-50%)}.personal-palette{bottom:98px;right:10px}.link-hint{bottom:118px;max-width:90vw;text-align:center;width:max-content}.author-toggle{bottom:156px;right:6px}.reaction-toggle{bottom:118px;right:6px}.layer-toggle{bottom:194px;right:6px}.settings-toggle{bottom:14px;right:6px}.settings-panel{bottom:52px;right:6px;width:min(82vw,245px);z-index:36}.side-toggle{font-size:12px;left:-58px;top:132px}.side-toggle:hover,.side-toggle:focus-visible{left:-58px;opacity:.36}.side-toggle:active{left:-40px;opacity:.72}.side-tabs-retracting .side-toggle,.side-tabs-retracting .side-toggle:hover,.side-tabs-retracting .side-toggle:focus-visible{left:-58px;opacity:.36}.flow-toggle{top:132px}.template-toggle{top:174px}.ai-toggle{top:216px}.admin-toggle{top:258px}.flow-sidebar,.inspiration-sidebar{bottom:110px;left:6px;top:176px;width:min(86vw,300px)}.stats-panel,.utility-panel{right:6px;top:146px;width:min(92vw,345px)}.scoreboard p{grid-template-columns:minmax(0,1fr)}.scoreboard b{justify-self:start}.scoreboard small{grid-template-columns:repeat(4,34px);justify-content:flex-start;min-width:0}}