:root{color:#ecf1f4;font-synthesis:none;--mint:#89e9bc;--muted:#7e8c9d;--border:#ffffff12;--panel:#141c26;--sidebar:228px;background:#0d1219;font-family:Inter,Segoe UI,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;-webkit-user-select:none;user-select:none}button{color:inherit;border:1px solid var(--border);background:#1b2632;border-radius:8px;padding:11px 16px;transition:background .18s,transform .18s,border-color .18s}button:hover{background:#283747;border-color:#ffffff35}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button.primary,.button.primary{background:var(--mint);color:#10251c;border-color:#0000;font-weight:700;box-shadow:0 3px 20px #89e9bc0b}button.primary:hover{background:#adf4d0}button.primary:disabled{background:#568773}.wide{width:100%;margin-top:14px}.small{padding:8px 12px;font-size:12px}.icon-button{background:0 0;border-color:#ffffff18;width:34px;height:34px;padding:0;font-size:17px}.text-button{letter-spacing:1px;color:#9cabb9;background:0 0;border:0;padding:0;font-size:10px}.muted{color:var(--muted);font-size:13px;line-height:1.9}.tiny{font-size:11px}h1,h2,h3,p{margin-top:0}h2{letter-spacing:-.6px;font-size:24px;font-weight:650}h3{font-size:18px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.eyebrow{letter-spacing:2px;color:#a0aebe;font-size:10px;font-weight:650}.status-dot{background:var(--mint);border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 7px #89e9bc45}.sidebar{width:var(--sidebar);border-right:1px solid var(--border);z-index:30;background:#0f151e;flex-direction:column;padding:32px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{letter-spacing:2.7px;align-items:center;gap:11px;padding:0 10px 34px;font-size:23px;font-weight:800;display:flex}.brand small{color:#82909c;letter-spacing:2px;margin-top:4px;font-size:6px;display:block}.brand-mark{color:var(--mint);letter-spacing:-8px;width:34px;font-size:40px;font-style:italic;font-weight:800;line-height:1;position:relative}.brand-mark span{font-size:21px;position:absolute;top:0;right:1px}.sidebar-label{letter-spacing:1.9px;color:#556375;margin:10px 12px 12px;font-size:9px;font-weight:600}.nav-item{text-align:left;color:#8d9aaa;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;margin-bottom:3px;padding:11px 13px;font-size:12px;display:flex}.nav-item>span{text-align:center;min-width:17px;font-family:Arial,sans-serif;font-size:17px}.nav-item.active{color:var(--mint);background:#89e9bc12}.nav-item:hover{background:#ffffff07}.nav-item i{background:#89e9bc12;border-radius:3px;margin-left:auto;padding:2px 5px;font-size:10px;font-style:normal}.categories-label{margin-top:28px}.category-nav .nav-item{padding-top:9px;padding-bottom:9px;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:25px}.local-note{letter-spacing:.7px;color:#586a78;border-top:1px solid var(--border);margin:19px 12px 0;padding-top:20px;font-size:8px}.workspace{margin-left:var(--sidebar)}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:77px;padding:0 44px;display:flex}.breadcrumb{color:#667486;letter-spacing:1.1px;align-items:center;gap:17px;font-size:9px;display:flex}.breadcrumb b{letter-spacing:.3px;color:#b5bec9;font-size:11px;font-weight:500}.breadcrumb span{color:#354250}.top-actions{align-items:center;gap:12px;display:flex}.engine-tag{letter-spacing:1px;color:#8e9ca8;margin-right:10px;font-size:9px}#library{max-width:1560px;margin:auto;padding:34px 44px 0}.hero{background:radial-gradient(at 83% 36%,#23443e88,#0000 54%),linear-gradient(115deg,#18252c,#17292b);border:1px solid #78baa721;border-radius:13px;grid-template-columns:1.1fr 1fr;min-height:369px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:35px 0 30px 39px}.hero .eyebrow{color:#9ac9b9;letter-spacing:2.5px;align-items:center;gap:8px;font-size:9px;display:flex}.little-line{background:#89e9bc;width:17px;height:1px}.hero h1{letter-spacing:-1.5px;margin:17px 0 15px;font-size:clamp(32px,3vw,46px);font-weight:750;line-height:1.4}.hero h1>span{color:var(--mint)}.hero p{color:#9babaf;margin-bottom:24px;font-size:12px;line-height:1.85}.hero .primary{border-radius:6px;padding:12px 20px;font-size:12px}.hero .primary>span{color:#426b57;margin-left:24px;font-size:10px;font-weight:500}.hero-meta{color:#809791;align-items:center;gap:12px;margin-top:21px;font-size:9px;display:flex}.hero-meta i{background:#60877b;border-radius:50%;width:3px;height:3px}.hero-visual{justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.hero-art{filter:drop-shadow(0 22px 15px #0005);z-index:1;max-width:110%;transform:rotate(-12deg)scale(1.1);width:440px!important;height:auto!important}.hero-visual:before{content:"";opacity:.8;background-image:linear-gradient(#83cbae08 1px,#0000 1px),linear-gradient(90deg,#83cbae08 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;transform:perspective(400px)rotateX(30deg)rotate(-16deg)}.orbit-ring{border:1px solid #a1e4c414;border-radius:50%;width:310px;height:310px;position:absolute}.ring-two{border-style:dashed;width:400px;height:400px}.floating-tag{z-index:3;letter-spacing:1.3px;color:#afd7c6;background:#172b29e6;border:1px solid #b5eed728;border-radius:4px;padding:9px 11px;font-family:Consolas,monospace;font-size:8px;position:absolute;box-shadow:0 8px 20px #071e1733}.tag-top{top:42px;right:27px;transform:rotate(3deg)}.tag-bottom{bottom:54px;left:20px;transform:rotate(-7deg)}.tag-bottom span{color:#ffc568;margin-right:6px}.coordinate{color:#57877a;letter-spacing:1px;font:8px Consolas,monospace;position:absolute;bottom:21px;right:24px}.collection{margin-top:37px}.section-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-title .eyebrow{color:#627282;letter-spacing:1.8px;margin-bottom:9px;font-size:8px}.section-title h2{margin-bottom:0;font-size:23px}.section-title h2 span{color:#586676;border:1px solid var(--border);vertical-align:middle;border-radius:5px;margin-left:9px;padding:2px 7px;font-size:12px}.search-box{border:1px solid var(--border);color:#677587;background:#111923;border-radius:7px;align-items:center;gap:10px;width:230px;padding:10px 13px;display:flex}.search-box>span{font-size:20px;line-height:15px}.search-box input{color:#ccd5dd;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search-box kbd{color:#6e7d8b;font-size:9px}kbd{color:#a6b6c5;white-space:nowrap;background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px}.filter-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin:23px 0 20px;padding-bottom:16px;display:flex}#filters{gap:7px;display:flex}.filter{color:#8795a4;background:0 0;border-color:#0000;border-radius:5px;padding:7px 13px;font-size:10px}.filter.active{color:#e2ecea;background:#d6e9e710;border-color:#ffffff0b}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.game-card{text-align:left;animation:.35s both appear;animation-delay:calc(var(--i)*25ms);background:#141c26;border:1px solid #ffffff0a;border-radius:10px;padding:0;display:block;overflow:hidden}.game-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:#18232c;transform:translateY(-4px);box-shadow:0 12px 30px #0002}.card-art{background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 75%),#18232b;border-bottom:1px solid #ffffff04;height:172px;position:relative;overflow:hidden}.card-grid{background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:25px 25px;position:absolute;inset:0}.game-art{z-index:1;width:100%;height:185px;transition:transform .3s;display:block;position:relative}.game-card:hover .game-art{transform:scale(1.06)translateY(-2px)}.card-number{color:#859692;letter-spacing:1.1px;z-index:2;font:7px Consolas,monospace;position:absolute;top:16px;left:17px}.card-arrow{width:25px;height:25px;color:var(--accent);z-index:2;background:#0d151b44;border:1px solid #ffffff15;border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;bottom:14px;right:15px}.card-info{padding:19px 20px 0}.card-en{letter-spacing:1.7px;color:var(--accent);font-size:8px;font-weight:650}.card-info h3{letter-spacing:-.4px;margin:7px 0 9px;font-size:17px;font-weight:650}.card-info h3 span{color:#85929f;margin-left:6px;font-size:11px;font-weight:400}.card-info p{color:#8793a1;margin-bottom:17px;font-size:10px;line-height:1.6}.card-bottom{border-top:1px solid var(--border);letter-spacing:.8px;color:#8d9ba8;justify-content:space-between;align-items:center;padding:13px 0;font-size:8px;display:flex}.card-bottom>span:last-child{color:#647583}.card-bottom i{color:var(--accent);margin-left:9px;font-size:12px;font-style:normal}footer{border-top:1px solid var(--border);color:#5f6e7e;justify-content:space-between;gap:20px;margin-top:42px;padding:27px 0;font-size:9px;display:flex}footer b{letter-spacing:1.5px;color:#8998a2;font-size:10px}footer>span:last-child{letter-spacing:1px;font-size:7px}.empty-state{text-align:center;color:#8395a5;border:1px dashed #ffffff18;border-radius:10px;grid-column:1/-1;padding:60px 20px}.empty-state>span{color:var(--mint);font-size:50px}.empty-state h3{margin-top:20px}.empty-state p{font-size:13px}#play{padding:25px 28px}.play-heading{align-items:center;gap:18px;margin-bottom:22px;display:flex}.play-heading h2{margin:5px 0 0;font-size:21px}.play-heading .eyebrow{color:var(--mint);font-size:8px}.play-tools{gap:7px;margin-left:auto;display:flex}.game-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.arena-wrapper{border:1px solid #ffffff14;border-radius:12px;overflow:hidden}.arena-wrapper:has(#arena canvas){min-height:0}#arena{background:#101a24;height:calc(100dvh - 245px);min-height:450px;position:relative;overflow:hidden}#arena canvas{touch-action:none;width:100%;height:100%;display:block}.hud{z-index:3;pointer-events:none;gap:28px;display:flex;position:absolute;top:22px;left:22px;right:22px}.hud>div{flex-direction:column;gap:7px;display:flex}.hud>div:last-child{text-align:right;margin-left:auto}.hud span{letter-spacing:1.8px;color:#97afa9;font-size:8px}.hud b{color:#e5fff3;text-shadow:0 2px 6px #0008;font-family:Consolas,monospace;font-size:25px;font-weight:400}.hud>div:last-child b{font-size:18px}.arena-footer{letter-spacing:.7px;color:#718495;background:#141e29;justify-content:space-between;align-items:center;padding:13px 18px;font:8px Consolas,monospace;display:flex}.arena-footer b{color:var(--mint);margin-right:5px;font-weight:400}#game-message{text-align:center;z-index:3;color:#c8e3d5;text-shadow:0 1px 6px #000;pointer-events:none;font-size:11px;position:absolute;bottom:22px;left:15px;right:15px}.game-panel{border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#344250 transparent;background:#141c26;border-radius:10px;max-height:calc(100dvh - 190px);padding:22px 20px;overflow:auto}.game-panel h3{margin:14px 0 9px;font-size:17px;line-height:1.7}.game-panel .eyebrow{color:#6f8d91;letter-spacing:1.5px;font-size:9px}.game-panel .muted{font-size:11px}.panel-divider{background:var(--border);height:1px;margin:23px 0}.key-hint{color:#a7b2bd;align-items:center;gap:5px;margin-top:15px;font-size:10px;display:flex}.best-row{letter-spacing:.7px;color:#738591;justify-content:space-between;margin-top:17px;font-size:10px;display:flex}.best-row b{color:#e6c08d;font:18px Consolas,monospace}#controls>.eyebrow{margin-top:26px}.slider-label{color:#a1b0bc;grid-template-columns:1fr auto;gap:10px;margin-top:19px;font-size:11px;display:grid}.slider-label output{color:#b9e9ce;font:11px Consolas,monospace}.slider-label input{width:100%;accent-color:var(--mint);cursor:pointer;grid-column:1/-1;height:5px;margin:3px 0 5px;padding:0}.check{color:#9cabb8;align-items:center;gap:8px;margin-top:16px;font-size:11px;line-height:1.6;display:flex}.check input{accent-color:var(--mint)}#favorite{background:0 0;font-size:11px}label:not(.slider-label):not(.check):not(.search-box):not(.button){color:#97aab7;margin:15px 0 8px;font-size:11px;display:block}input:not([type=range]):not([type=checkbox]):not([type=color]),select,textarea{color:#dae4ed;background:#0c141e;border:1px solid #ffffff16;border-radius:5px;width:100%;margin-top:6px;padding:9px;font-size:12px}select{cursor:pointer}input[type=color]{background:#0c141e;border:1px solid #ffffff16;width:100%;height:33px;margin-top:6px}#search{background:0 0;border:0;margin:0;padding:0}#performance{z-index:4;color:var(--mint);white-space:pre;pointer-events:none;background:#08121cce;border:1px solid #ffffff15;border-radius:6px;padding:12px;font:10px/1.8 Consolas,monospace;position:absolute;top:95px;left:22px}#pause-overlay,#result{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;text-align:center;background:#07111bce;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:25px;display:flex;position:absolute;inset:0}#pause-overlay>span{letter-spacing:8px;font:30px Consolas,monospace}#result .result-symbol{color:var(--mint);font-size:64px;line-height:1}#result h2{margin:0;font-size:25px}#result>b{color:#e8c591;font:43px Consolas,monospace}#result>b small{color:#8ca196;font-size:13px}#result>div{gap:12px;display:flex}#result button{font-size:12px}#touch-controls{z-index:5;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;bottom:45px;left:14px;right:14px}#touch-controls button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#bbf2d6;touch-action:none;pointer-events:auto;background:#213e43ad;border:1px solid #a0e5c946;min-width:52px;min-height:46px;font-size:10px}#touch-controls button:active{background:#5d987b}.panel-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading h2{margin:8px 0;font-size:19px}.editor-panel{max-height:calc(100dvh - 190px)}.editor-toolbar{align-items:center;gap:5px;margin:12px 0;display:flex}.editor-toolbar select{flex:1;min-width:0;margin:0}.editor-toolbar .small{white-space:nowrap;padding:7px 8px;font-size:10px}.button{border:1px solid var(--border);color:#d4dfe6;background:#1b2632;border-radius:5px;display:inline-block}.editor-vector{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:13px;display:grid}.editor-vector>span{color:#8ca1ad;grid-column:1/-1;font-size:10px}.editor-vector label{margin:0!important;font-size:9px!important}.editor-vector input{padding:7px!important;font-size:10px!important}.field-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field-grid label{margin:5px 0!important}.editor-subtitle{letter-spacing:1px;color:var(--mint);border-top:1px solid var(--border);margin-top:20px;padding-top:15px;font-size:8px}#editor-error{color:#f3ba88;margin-top:18px;font-size:11px;line-height:1.6}.editor-panel button.wide{font-size:11px}.editor-panel p,.editor-panel .check{font-size:10px}dialog{color:#d9e4ed;background:#151f2b;border:1px solid #ffffff20;border-radius:16px;width:min(480px,100vw - 32px);max-height:85dvh;padding:36px;box-shadow:0 40px 160px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#03080dbb}dialog h2{margin-top:15px}dialog p{color:#9cadba;font-size:13px;line-height:1.95}.modal-close{position:absolute;top:14px;right:14px}#toast{opacity:0;pointer-events:none;color:#dbf6e7;z-index:100;background:#233d34;border:1px solid #87d9b548;border-radius:8px;max-width:90vw;padding:14px 24px;font-size:12px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);box-shadow:0 8px 30px #0005}#toast.visible{opacity:1;transform:translate(-50%)}#loading{z-index:120;color:#accaba;background:#0d171ef2;flex-direction:column;justify-content:center;align-items:center;gap:23px;font-size:12px;display:flex;position:fixed;inset:0}.loader{border:2px solid #89e9bc22;border-top-color:var(--mint);border-radius:50%;width:38px;height:38px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media (width>=1600px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:390px}.hero-copy{padding-left:48px}.hero-art{width:490px!important}}@media (width<=1150px){:root{--sidebar:194px}.sidebar{padding:28px 12px 16px}.brand{gap:7px;padding-left:4px;font-size:20px}.brand small{font-size:5px}.nav-item{gap:8px;padding-left:10px;font-size:11px}.category-nav .nav-item{font-size:10px}.topbar{padding:0 28px}#library{padding:26px 28px 0}.hero-copy{padding-left:28px}.hero h1{font-size:35px}.hero-meta{gap:8px;font-size:8px}.hero-art{max-width:120%;transform:rotate(-12deg)scale(1.1)}.floating-tag{font-size:6px}.tag-top{right:15px}.cards{gap:14px}.card-info{padding:16px 15px 0}.card-art{height:150px}.game-art{height:166px}.card-info h3{font-size:15px}.card-info p{font-size:9px}.game-layout{grid-template-columns:minmax(0,1fr) 220px;gap:12px}#play{padding:22px 18px}.game-panel{padding:19px 15px}.play-heading{gap:12px}.play-tools{gap:5px}.play-tools .small{padding:8px}.hud{gap:17px;left:17px;right:17px}.hud b{font-size:21px}}@media (width<=900px){:root{--sidebar:76px}.sidebar{align-items:center;padding:25px 10px 15px}.brand{padding:0 0 26px}.brand>div,.sidebar-label,.nav-item i,.local-note{display:none}.brand-mark{width:37px}.sidebar nav,.sidebar-bottom{width:100%}.nav-item,.category-nav .nav-item{justify-content:center;gap:0;padding:11px 0;font-size:0}.nav-item>span{font-size:20px}.category-nav{margin-top:20px}.sidebar-bottom{padding-top:15px}.topbar{height:65px}.hero{min-height:344px}.hero h1{font-size:32px}.hero-copy{padding:29px 0 26px 26px}.hero-meta{flex-wrap:wrap}.hero .primary>span{margin-left:12px}.hero .eyebrow{font-size:8px}.game-layout{grid-template-columns:minmax(0,1fr) 220px}#arena{height:calc(100dvh - 224px)}.play-heading h2{font-size:17px}.play-heading>.small,.play-tools .small{font-size:10px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-art{height:170px}.game-art{height:190px}footer{font-size:8px}footer>span:last-child{display:none}.section-title h2{font-size:21px}}@media (width<=680px){:root{--sidebar:0px}.sidebar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);background:#101822f5;border-right:0;width:100%;height:63px;padding:0;display:block;position:fixed;inset:auto 0 0;overflow:visible}.sidebar>.brand,.category-nav,.sidebar-bottom{display:none!important}.sidebar>nav:first-of-type{justify-content:space-around;align-items:center;height:100%;display:flex}.sidebar>nav .nav-item{background:0 0;flex-direction:column;gap:2px;width:30%;margin:0;padding:7px;font-size:9px;display:flex}.nav-item>span{font-size:18px}.workspace{padding-bottom:63px}.topbar{height:57px;padding:0 20px}.breadcrumb{gap:9px;font-size:8px}.breadcrumb b{font-size:10px}.engine-tag{display:none}.top-actions{gap:7px}.icon-button{width:29px;height:29px;font-size:15px}#library{padding:19px 18px 0}.hero{border-radius:10px;grid-template-columns:1fr .6fr;min-height:340px}.hero-copy{padding:27px 0 23px 23px}.hero .eyebrow{letter-spacing:1.5px;white-space:nowrap;font-size:6px}.little-line{width:12px}.hero h1{letter-spacing:-1px;white-space:nowrap;margin:20px 0 16px;font-size:31px}.hero p{white-space:nowrap;margin-bottom:24px;font-size:10px;line-height:1.9}.hero .primary{white-space:nowrap;padding:11px 14px;font-size:10px}.hero .primary>span{margin-left:10px;font-size:8px}.hero-meta{white-space:nowrap;gap:7px;width:280px;margin-top:19px;font-size:7px}.hero-visual{opacity:.85;overflow:visible}.hero-art{max-width:none;position:absolute;top:55px;right:-100px;width:260px!important;transform:rotate(-13deg)!important}.hero .floating-tag,.coordinate{display:none}.orbit-ring{width:210px;height:210px;right:-130px}.ring-two{width:290px;height:290px}.hero-visual:before{opacity:.45}.collection{margin-top:28px}.section-title{flex-wrap:wrap;align-items:flex-start;gap:16px}.section-title h2{font-size:20px}.section-title .eyebrow{font-size:7px}.search-box{width:100%;padding:10px 12px}.filter-row{scrollbar-width:none;margin:14px 0 17px;padding-bottom:13px;overflow:auto}.filter-row>.muted{display:none}#filters{white-space:nowrap;gap:4px}.filter{padding:7px 10px;font-size:9px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-art{height:120px}.game-art{width:110%;height:143px;top:-4px;left:-5%}.card-number{letter-spacing:.6px;font-size:5px;top:11px;left:11px}.card-arrow{width:21px;height:21px;font-size:9px;bottom:10px;right:10px}.card-info{padding:13px 12px 0}.card-en{letter-spacing:1.2px;font-size:6px}.card-info h3{min-height:21px;margin:4px 0 7px;font-size:13px;line-height:1.6}.card-info h3 span{margin-left:3px;font-size:8px}.card-info p{min-height:30px;margin-bottom:11px;font-size:8px;line-height:1.9}.card-bottom{letter-spacing:.5px;padding:11px 0;font-size:6px}.card-bottom i{margin-left:4px}.stage-card h3{font-size:14px}footer{margin-top:28px;padding:20px 0;font-size:7px}#play{padding:14px 12px}.play-heading{flex-wrap:wrap;gap:9px;margin-bottom:14px}.play-heading>.small{padding:7px;font-size:9px}.play-heading h2{font-size:16px}.play-heading .eyebrow{font-size:7px}.play-tools{gap:5px;margin-left:auto}.play-tools .small{padding:7px;font-size:9px}.play-tools #camera-next{text-overflow:ellipsis;max-width:68px;overflow:hidden}.game-layout{grid-template-columns:1fr;gap:13px}#arena{height:56dvh;min-height:360px}.hud{gap:23px;top:15px;left:15px;right:15px}.hud span{font-size:7px}.hud b{font-size:22px}.hud>div:last-child b{font-size:16px}.game-panel{max-height:none;padding:20px}.game-panel h3{margin:9px 0;font-size:16px}.game-panel .muted{font-size:12px}.game-panel .eyebrow{font-size:9px}.game-panel #controls{margin-top:18px}.game-panel #controls>.eyebrow{margin-top:0}.slider-label{margin-top:15px}.slider-label input{height:8px;margin:8px 0}.key-hint{font-size:12px}.game-panel button.primary{min-height:45px}.arena-footer{padding:11px 13px;font-size:7px}#game-message{font-size:10px;bottom:14px}#touch-controls{bottom:38px}#touch-controls button{min-width:64px;min-height:46px}#result h2{font-size:19px}#result>div{gap:8px}#result button{padding:11px;font-size:11px}#result{gap:20px}.editor-panel{max-height:none}.editor-toolbar .small{font-size:12px}.editor-vector input{font-size:12px!important}.editor-panel .check,.editor-panel p{font-size:12px}#toast{width:max-content;max-width:90vw;padding:12px 16px;font-size:11px;bottom:78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobile-only{display:none}@media (width<=680px){.mobile-only{display:flex}.sidebar>nav .nav-item{width:24%}#touch-controls button{min-width:44px;padding:10px 7px}#touch-controls:has(button:nth-child(4)) button{flex:1}}