.tt-audio{background:var(--panel,#142b2a);border:1px solid #647d79;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 18px;padding:12px;display:flex}.tt-audio label{align-items:center;gap:8px;display:flex}.tt-audio input{width:100px}.tt-audio>span{color:var(--muted,#b0c7c0);font-size:13px}.tt-guide li{margin:12px 0;line-height:1.6}.tt-library{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;max-height:440px;padding:4px;display:grid;overflow:auto}.tt-library button{text-align:left;background:var(--panel,#172329);color:inherit;border:1px solid #677c79;border-radius:12px;flex-direction:column;gap:7px;padding:10px;display:flex}.tt-library button[aria-pressed=true],.tt-tool-row button[aria-pressed=true]{outline:3px solid #e8c67f}.tt-library img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.tt-library b{font-size:14px}.tt-library span{color:var(--muted,#b0c7c0);font-size:12px}.tt-filter,.tt-tool-row{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;display:flex}.tt-filter label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tt-filter input[type=color]{width:60px;height:44px;padding:4px}.tt-filter input[type=range]{width:120px}.tt-tool-hint{background:#9fbc9a12;border-left:3px solid #e8c67f;padding:12px}.tt-tool-row button,.tt-audio button,.tt-filter button{min-height:44px}.map-board:-webkit-full-screen{background-color:#152525;background-size:100% 100%;width:100vh;max-width:100vw;height:100vh;margin:auto}.map-board:fullscreen{background-color:#152525;background-size:100% 100%;width:100vh;max-width:100vw;height:100vh;margin:auto}.map-measure{width:100%;height:100%}.tt-guide p,.tt-guide li{max-width:950px}.club-panel{margin-bottom:18px}@media (max-width:600px){.tt-library{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-audio>span{width:100%}.tt-tool-row button{flex:130px}.map-controls label{justify-content:space-between;width:100%}.map-controls input,.map-controls select{max-width:65%}}html[data-theme=light] .tt-audio,html[data-theme=light] .tt-library button{color:#233a37;background:#f4eddc}html[data-theme=light] .tt-library span{color:#4c6258}#battle-map{scroll-margin-top:170px}@media (max-width:600px){.tt-audio{top:0}}.tt-map-stage{background:#0b1820;border:1px solid #81958a;border-radius:12px;margin:16px 0 24px;overflow:hidden}.tt-view-controls{background:var(--panel,#172329);color:var(--text,#eef4e4);flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.tt-view-controls label{align-items:center;gap:8px;display:flex}.tt-view-controls input{width:110px}.tt-view-controls button{min-height:44px}.tt-view-controls span,.tt-view-controls output{font-size:13px}.tt-map-viewport{overscroll-behavior:contain;padding:12px;overflow:auto}.tt-map-viewport .map-board{border-radius:4px;margin:auto;box-shadow:0 8px 30px #0008}.tt-map-fitted{z-index:3000;border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;inset:0}.tt-map-fitted .tt-view-controls{flex-shrink:0;max-height:35dvh;overflow:auto}.tt-map-fitted .tt-view-controls>output{width:100%;max-height:32px;overflow:auto}.tt-map-fitted .tt-map-viewport{flex:1;min-height:0;padding:12px}.tt-map-fitted .map-board{flex-shrink:0}.tt-library img{box-shadow:0 3px 10px #0005}.map-token{box-shadow:0 3px 8px #0009}.map-pin{box-shadow:0 2px 6px #0008}@media print{.tt-map-stage{background:#fff;border:0;margin:0}.tt-map-viewport{padding:0;overflow:visible}.tt-map-fitted{display:block;position:static}.tt-map-viewport .map-board{box-shadow:none;width:100%!important;max-width:100%!important;height:auto!important}}.map-board:-webkit-full-screen{aspect-ratio:1;max-height:100vh;margin:auto;width:min(100vw,100vh)!important;height:auto!important}.map-board:fullscreen{aspect-ratio:1;max-height:100vh;margin:auto;width:min(100vw,100vh)!important;height:auto!important}.tt-popout>nav,.tt-popout>header,.tt-popout>.club-panel,.tt-popout>.tt-audio,.tt-popout>.club-check,.tt-popout>p{display:none}.tt-popout .tt-map-stage{z-index:120;background:#11252a;flex-direction:column;margin:0;padding:10px;display:flex;position:fixed;inset:0}.tt-popout .tt-map-stage .tt-map-viewport{flex:1;min-height:0}.tt-popout .tt-view-controls{flex-wrap:wrap}.tt-popout .tt-view-controls b{color:#ffe4ad;margin-right:auto}
