:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Yu Gothic UI,sans-serif;background:#06101c;color:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;background:#06101c}body{overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#game-shell{position:fixed;inset:0;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#game{display:block;width:100%;height:100%;touch-action:none;outline:none}#game-shell{min-height:0;right:auto;bottom:auto;--game-vh:1vh}#online-panel{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:16px;background:#020b16ed;overflow:auto;touch-action:pan-y}.online-card{width:min(800px,100%)}.online-card input{width:100%;padding:12px;border:1px solid #6dc2cc;border-radius:9px;background:#102f40;color:#fff;font:inherit;user-select:text}#online-entry{display:grid;gap:16px;margin:16px 0}#online-join{display:grid;grid-template-columns:1fr auto;gap:8px}#online-join label{grid-column:1/-1}#online-character{margin:8px 0}#online-seats{padding:0;list-style:none;display:grid;gap:8px}#online-seats li{padding:12px;border:1px solid #477b8c;border-radius:9px;font-size:14px;line-height:1.6}.room-code strong{font-size:28px;color:#ffe3a3;letter-spacing:.12em}#online-message{color:#ffe3a3;white-space:pre-line}#game-shell #touch-controls,#game-shell #settings-panel,#game-shell #practice-panel,#game-shell #moves-panel,#game-shell #rotate-notice{position:absolute}#game-shell .dpad,#game-shell .touch-button.action{--diameter:max(44px,calc(min(13 * var(--game-vh),74px) * var(--control-size)))}#game-shell .dpad{--diameter:max(90px,calc(min(32 * var(--game-vh),190px) * var(--control-size)))}#game-shell #online-badge{top:calc(var(--safe-top) + 17 * var(--game-vh))}#online-badge{position:absolute;z-index:4;left:50%;top:calc(var(--safe-top) + 120 * var(--game-vh) / 100);transform:translate(-50%);max-width:95%;padding:5px 10px;border-radius:8px;background:#051321e6;font-size:11px;pointer-events:none;text-align:center}[hidden]{display:none!important}#touch-controls{position:fixed;inset:auto 0 var(--safe-bottom);z-index:3;height:min(34vh,210px);padding:0 max(18px,var(--safe-left)) 14px max(18px,var(--safe-right));pointer-events:none}.dpad{position:absolute;left:5vw;bottom:12px;width:168px;height:150px;pointer-events:auto;touch-action:none}.pad-hint{position:absolute;left:50%;top:-25px;transform:translate(-50%);white-space:nowrap;color:#e0f9ff;background:#061624dc;border-radius:8px;padding:3px 7px;font-size:11px;pointer-events:none}.dpad.crouching .direction{border-color:#ffe08a;background:linear-gradient(145deg,#80632bef,#42351fed)}.dpad.crouching .pad-hint{color:#ffe08a}.touch-button{pointer-events:auto;border:1px solid #d7ffffa8;color:#f7ffff;background:linear-gradient(145deg,#1b5368df,#0c2739e8);box-shadow:0 4px 14px #0008,inset 0 1px #ffffff2a;font:800 19px system-ui,sans-serif;touch-action:none;-webkit-tap-highlight-color:transparent}.direction{position:absolute;width:56px;height:52px;border-radius:15px;font-size:23px}.direction[data-action=up]{left:56px;top:0}.direction[data-action=down]{left:56px;bottom:0}.direction[data-action=left]{left:0;top:49px}.direction[data-action=right]{right:0;top:49px}.action-pad{position:absolute;right:4vw;bottom:4px;display:grid;grid-template-columns:repeat(4,76px);gap:9px;pointer-events:none}.action{width:76px;height:66px;border-radius:23px;font-size:15px;line-height:1.15}.action[data-action=attack]{background:linear-gradient(145deg,#a64c40ed,#5e2828ed)}.action[data-action=interact]{background:linear-gradient(145deg,#9b7543ed,#503b2ced)}.action[data-action=assist]{background:linear-gradient(145deg,#3e827ded,#21433fed)}.action[data-action=special]{background:linear-gradient(145deg,#7761a9ed,#382755ed)}.action[data-action=dodge]{background:linear-gradient(145deg,#41769fed,#24415eed)}.touch-button.cooling{border-color:#88a5b9;color:#bccedb;filter:saturate(.55)}.touch-button.pressed{filter:brightness(1.45);box-shadow:0 0 16px #a0ffef88;transform:translateY(2px)}#rotate-notice{position:fixed;z-index:5;inset:0;display:grid;place-items:center;padding:2rem;background:#06101cee;color:#f4fbff;text-align:center;font-size:clamp(18px,4vw,30px);font-weight:750}#practice-panel{position:fixed;z-index:6;inset:0;display:grid;place-items:center;padding:max(12px,var(--safe-top)) max(12px,var(--safe-right)) max(12px,var(--safe-bottom)) max(12px,var(--safe-left));background:#020b16dc;touch-action:pan-y;overflow-y:auto;overscroll-behavior:contain}.practice-card{width:min(850px,100%);max-height:100%;overflow-y:auto;padding:22px;border:1px solid #5fbfcb;border-radius:18px;background:#0c2536;box-shadow:0 12px 50px #0008;touch-action:pan-y}.practice-card header{display:flex;justify-content:space-between;align-items:center;gap:12px}.practice-card h1{margin:0;font-size:25px}.practice-card p{margin:8px 0 14px;color:#c2dce5;font-size:14px;line-height:1.6}.practice-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.practice-card label{display:grid;gap:6px;color:#deeff4;font-size:14px;font-weight:650}.practice-card select{width:100%;min-width:0;padding:10px;border:1px solid #547585;border-radius:8px;background:#173b4e;color:#fff;font:inherit;touch-action:manipulation}.practice-card button{padding:10px 13px;border:1px solid #66c4cb;border-radius:9px;background:#225465;color:#fff;font:650 14px system-ui;cursor:pointer;touch-action:manipulation}.practice-card button:hover{background:#2e6b7f}.practice-card button:focus-visible,.practice-card select:focus-visible{outline:3px solid #ffe1a0;outline-offset:2px}.practice-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.practice-checks label{display:flex;align-items:center;gap:8px}.practice-checks input{width:18px;height:18px;accent-color:#8be5d1}.practice-item-tray{padding:14px;background:#071c2c;border-radius:12px}.practice-item-tray label{grid-template-columns:auto 1fr;align-items:center;gap:12px}.practice-buttons,.practice-card footer{display:flex;gap:9px;flex-wrap:wrap}.practice-card footer{margin-top:16px;align-items:center}.practice-card #practice-status{font-size:13px;color:#91e5cf}.practice-card p.practice-hint{font-size:12px;margin:12px 0 0}.practice-item-tray label+label{margin-top:8px}@media(max-height:500px){.practice-card{padding:14px}.practice-card h1{font-size:20px}.practice-fields{gap:9px}.practice-checks{margin:12px 0;gap:8px}}@media(max-width:560px){.practice-fields,.practice-checks{grid-template-columns:1fr}.practice-card header{align-items:flex-start}.practice-card header button{flex-shrink:0}.practice-item-tray label{grid-template-columns:1fr}}@media(pointer:coarse){#touch-controls:not([hidden]){display:block}}@media(pointer:fine){#touch-controls{display:none!important}}@media(max-height:500px)and (orientation:landscape){#touch-controls{height:148px}.dpad{width:140px;height:126px}.direction{width:46px;height:44px}.direction[data-action=up],.direction[data-action=down]{left:47px}.direction[data-action=left],.direction[data-action=right]{top:41px}.action-pad{grid-template-columns:repeat(4,62px);gap:7px}.action{width:62px;height:56px;font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.touch-button[data-action=kick]{background:linear-gradient(145deg,#795936df,#382739e8);border-color:#ffd09daa}#moves-panel{position:fixed;z-index:7;inset:0;display:grid;place-items:center;padding:16px;background:#020b16dc;touch-action:pan-y;overflow:auto}.moves-card{width:min(860px,100%)}#moves-list{display:grid;gap:12px;margin-top:16px}.move-card{padding:14px 16px;border:1px solid #41687b;border-radius:12px;background:#102f40}.move-card h2{margin:0 0 6px;font-size:19px;color:#f4d99e}.move-card p{margin:5px 0}.move-card small{display:block;color:#a9cfda;font-size:12px;line-height:1.8}.moves-note{font-size:12px!important}#settings-panel{position:fixed;z-index:8;inset:0;display:grid;place-items:center;padding:16px;background:#020b16dc;touch-action:pan-y;overflow:auto}.settings-card{width:min(760px,100%)}.settings-card>label{display:block;font-weight:650;margin:12px 0 6px}.settings-card input[type=text]{width:100%;padding:12px;border:1px solid #55798b;border-radius:9px;background:#102f40;color:#f7fbff;font:inherit}.settings-card input[type=range]{width:100%;accent-color:#8be5d1}.settings-card output{color:#bfe8ed}.settings-card .settings-hint{margin:6px 0 18px;font-size:13px;color:#a9cfda}.settings-card label.settings-check{display:flex;align-items:center;gap:9px;margin-top:20px}.settings-check input{width:18px;height:18px;accent-color:#8be5d1}.settings-card #settings-status{flex-basis:100%;font-size:14px;line-height:1.7;color:#ffe3a3}#settings-save{background:#226779;border-color:#9ff1e7}html[data-touch-controls=on] #touch-controls:not([hidden]){display:block!important}#touch-controls{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);height:auto;padding:0}.action-pad{display:contents}.dpad,.touch-button.action{--control-x:50%;--control-y:80%;--control-size:1;--diameter:max(44px,calc(min(13vh,74px) * var(--control-size)));--radius:calc(var(--diameter) / 2);position:absolute;left:clamp(calc(var(--radius) + 8px),var(--control-x),calc(100% - var(--radius) - 8px));top:clamp(calc(var(--radius) + 8px),var(--control-y),calc(100% - var(--radius) - 8px));right:auto;bottom:auto;width:var(--diameter);height:var(--diameter);transform:translate(-50%,-50%);opacity:var(--control-opacity,.85)}.dpad{--diameter:calc(min(32vh,190px) * var(--control-size));border-radius:50%;border:2px solid #b9eaf467;background:radial-gradient(circle,#091c3399 15%,#07142477 65%,#051022bb);box-shadow:inset 0 0 22px #8abbcf22,0 4px 20px #0005}.pad-hint{top:-25px;font-size:clamp(9px,2vh,12px)}.pad-arrows{position:absolute;inset:0;pointer-events:none;color:#e8c864;text-shadow:0 1px 3px #000;font-size:clamp(15px,4vh,25px)}.pad-arrows i{position:absolute;font-style:normal;transform:translate(-50%,-50%)}.pad-arrows i:nth-child(1){left:50%;top:12%}.pad-arrows i:nth-child(2){left:12%;top:50%}.pad-arrows i:nth-child(3){left:88%;top:50%}.pad-arrows i:nth-child(4){left:50%;top:88%}.pad-arrows i:nth-child(5){left:24%;top:24%}.pad-arrows i:nth-child(6){left:76%;top:24%}.pad-arrows i:nth-child(7){left:24%;top:76%}.pad-arrows i:nth-child(8){left:76%;top:76%}.pad-thumb{position:absolute;width:37%;height:37%;left:calc(50% + var(--thumb-x,0%));top:calc(50% + var(--thumb-y,0%));transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;border:2px solid #ffccd18c;background:radial-gradient(circle at 38% 32%,#d04c5b,#8b2435 65%,#641f32);box-shadow:0 0 0 5px #ad34484a,inset 0 1px 7px #f393a766,0 3px 12px #0008}.dpad.crouching{border-color:#ffe08a}.dpad.crouching .pad-thumb{background:radial-gradient(circle at 38% 32%,#dfba59,#9b691e)}.dpad[data-directions~=up] .pad-arrows i:nth-child(1),.dpad[data-directions~=left] .pad-arrows i:nth-child(2),.dpad[data-directions~=right] .pad-arrows i:nth-child(3),.dpad[data-directions~=down] .pad-arrows i:nth-child(4){color:#fff4bf;filter:drop-shadow(0 0 4px #ffe98b)}.touch-button.action{border-radius:50%;border:2px solid #edffff;outline:2px solid #b3f0ff8a;outline-offset:3px;box-shadow:0 3px 12px #0007,inset 0 0 0 3px #ffffff35;font-size:clamp(10px,2.7vh,15px);line-height:1.15;padding:3px}.action[data-action=attack]{background:radial-gradient(circle at 35% 30%,#469fef,#15579b)}.action[data-action=kick]{background:radial-gradient(circle at 35% 30%,#f66d85,#aa244b);border-color:#fff4e9}.action[data-action=special]{background:radial-gradient(circle at 35% 30%,#4bdfe8,#0b92af)}.action[data-action=interact]{background:radial-gradient(circle at 35% 30%,#ebbe5a,#9e681a)}.action[data-action=jump]{background:radial-gradient(circle at 35% 30%,#b78aeb,#6033a8)}.action[data-action=dodge]{background:radial-gradient(circle at 35% 30%,#71cce5,#227b9f)}.action[data-action=assist]{background:radial-gradient(circle at 35% 30%,#6ed9b8,#208766)}.touch-button.action.pressed{transform:translate(-50%,-50%) scale(.95)}#touch-layout-editor{border-top:1px solid #426274;margin-top:22px;padding-top:16px}#touch-layout-editor h2{margin:0;font-size:19px}.layout-preview{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;border:1px solid #527488;background:linear-gradient(#071d30 0 53%,#16434c 54%,#0d2a36);touch-action:none}.layout-preview:before{content:"横画面プレビュー";position:absolute;top:8px;left:12px;color:#9fc3cf;font-size:12px}.layout-preview button{position:absolute;aspect-ratio:1;height:auto;min-height:0;transform:translate(-50%,-50%);border-radius:50%;padding:0;font-size:clamp(8px,1.8vw,13px);touch-action:none;cursor:grab;border:2px solid #e9ffff}.layout-preview button[data-control=pad]{background:radial-gradient(circle,#b32c46 0 26%,#091c30 27%);color:#f5d27a}.layout-preview button[data-control=attack]{background:#226baf}.layout-preview button[data-control=kick]{background:#b53455}.layout-preview button[data-control=special]{background:#128caa}.layout-preview button[data-control=jump]{background:#6740a3}.layout-preview button[data-control=interact]{background:#9d762e}.layout-preview button.selected{outline:3px solid #ffe2a1;outline-offset:3px}.layout-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.layout-fields label:first-child{grid-column:1/-1}@media(max-height:500px){.settings-card{max-height:100%}.layout-preview{max-width:600px}}#tag-picker-panel{position:absolute;inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);z-index:6;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;padding:16px 24px;min-height:0;background:linear-gradient(125deg,#051322f5,#0b2634ed),url(../assets/backgrounds/select-v2.webp) center/cover;color:#edfaff;touch-action:pan-y;outline:none}#tag-picker-panel button,#tag-picker-panel select,#tag-picker-panel input{font:inherit}#tag-picker-panel button{border:1px solid #426877;border-radius:10px;background:#123344;color:#eafaff;cursor:pointer;touch-action:manipulation;min-height:44px;padding:8px 13px}#tag-picker-panel button:hover:not(:disabled){background:#205367;border-color:#99ece4}#tag-picker-panel button:disabled{opacity:.4;cursor:default}#tag-picker-panel :is(button,input,select):focus-visible{outline:3px solid #ffe09d;outline-offset:2px}.tag-picker-header{display:flex;align-items:center;gap:18px;justify-content:space-between}.tag-picker-header>div{flex:1;text-align:center}.tag-picker-header h1{margin:0;font-size:26px;letter-spacing:.03em}.tag-picker-header p{margin:3px 0 0;color:#b7d7e4;font-size:12px}.tag-picker-header p.tag-eyebrow{font-size:10px;letter-spacing:.2em;color:#8ae4d6;margin:0 0 2px}.tag-picker-header>button{flex:none;font-size:13px!important}.tag-team-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.tag-team-slot{position:relative;min-width:0;border:1px solid #375968;border-radius:14px;background:#061b2bcc}#tag-picker-panel .tag-slot-main{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;width:100%;height:96px;padding:8px 32px 8px 10px;border:0;background:transparent;text-align:left;border-radius:13px}.tag-team-slot.is-active{border-color:#ffe1a0;box-shadow:0 0 0 2px #ffe1a04a;background:#403b263d}.tag-team-slot.is-filled:not(.is-active){border-color:#65c9c1}.tag-slot-art{display:grid;place-items:center;height:72px;color:#587a89;font-size:34px;border:1px dashed #54758680;border-radius:9px}.is-filled .tag-slot-art{border-color:transparent}.tag-slot-art .tag-portrait{width:100%;height:100%;object-fit:contain}.tag-slot-text{display:flex;flex-direction:column;gap:3px;min-width:0}.tag-slot-order{color:#b7d6df;font-size:12px;font-weight:750}.is-active .tag-slot-order{color:#ffe1a0}.tag-slot-name{font-size:17px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-slot-hint{color:#9cbfce;font-size:11px;line-height:1.3}.is-active .tag-slot-hint{color:#f1d994}#tag-picker-panel .tag-slot-remove{position:absolute;right:0;top:0;min-height:40px;width:40px;padding:0;background:transparent;border:0;color:#c1d8e1;font-size:23px}.tag-slot-order-tools{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 8px 8px}#tag-picker-panel .tag-slot-order-tools button{font-size:12px;min-height:40px;padding:6px}.tag-slot-order-tools button:first-child:before{content:var(--tag-prev-arrow,"←");margin-right:3px}.tag-slot-order-tools button:last-child:after{content:var(--tag-next-arrow,"→");margin-left:3px}.tag-roster-browser{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.tag-roster-toolbar{display:flex;align-items:center;gap:18px;min-width:0}.tag-search{display:flex;align-items:center;gap:10px;flex:none}.tag-search>span{font-size:12px;color:#a3c8d5}#tag-picker-panel .tag-search input{width:180px;min-width:100px;height:42px;padding:8px 12px;border:1px solid #3f6578;border-radius:9px;background:#041526;color:#f3fbff;user-select:text;font-size:16px;touch-action:manipulation}.tag-picker-status{flex:1;font-size:13px;margin:0;color:#bcebe1;font-weight:650}.tag-difficulty{display:flex;align-items:center;gap:6px;font-size:12px;color:#a3c8d5}#tag-picker-panel .tag-difficulty select{padding:9px 7px;border:1px solid #3f6578;border-radius:9px;background:#0c2b3d;color:#fff;min-height:42px;font-size:14px}.tag-roster-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:3px 6px 10px 3px;scrollbar-color:#427487 #071928;touch-action:pan-y}.tag-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px;align-content:start}#tag-picker-panel .tag-character-card{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:0;min-height:145px;padding:7px 6px 9px;background:linear-gradient(160deg,#123346,#0b1b2d);border:1px solid #3d6172}#tag-picker-panel .tag-character-card:hover{border-color:var(--character-color,#9ff1e7);background:#214959}.tag-character-card .tag-portrait{width:100%;height:94px;object-fit:contain;pointer-events:none}.tag-character-card strong{font-size:12px;line-height:1.3;text-align:center;overflow-wrap:anywhere}.tag-character-role{font-size:10px;color:#a9cbd9}#tag-picker-panel .tag-character-card.is-picked{border-color:#92e9d7;background:linear-gradient(145deg,#1b544f,#102a34);box-shadow:inset 0 0 0 1px #92e9d73d}.tag-character-badge{position:absolute;left:5px;top:5px;padding:2px 6px;color:#052623;background:#a5eddb;border-radius:6px;font-size:10px;font-weight:850}.tag-character-badge:empty{display:none}.tag-no-matches{text-align:center;color:#bdd5de;padding:20px;font-size:14px}.tag-picker-footer{display:flex;align-items:center;gap:14px;justify-content:space-between;padding-top:3px;min-width:0}.tag-picker-tools{display:flex;gap:7px;overflow-x:auto;min-width:0;padding:3px;scrollbar-width:thin}#tag-picker-panel .tag-picker-tools button{flex:none;font-size:12px;white-space:nowrap;padding:8px 11px}#tag-picker-panel [data-tag-action=order][aria-pressed=true]{background:#755d29;color:#fff0c8;border-color:#ffd58e}#tag-picker-panel .tag-start{flex:none;width:240px;min-height:52px;border:1px solid #cbfff0;background:#88e6d2;color:#062b2c;font-weight:850;font-size:17px}#tag-picker-panel .tag-start:disabled{opacity:1;background:#173544;color:#8fabb9;border-color:#35566a}@media(max-height:520px){#tag-picker-panel{gap:8px;padding:8px 14px}.tag-picker-header{gap:12px}.tag-picker-header h1{font-size:20px}.tag-picker-header p.tag-eyebrow,.tag-picker-instruction{display:none}.tag-picker-header>button{min-height:38px!important;padding:7px 12px!important}#tag-picker-panel .tag-slot-main{height:66px;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:5px 30px 5px 6px}.tag-slot-art{height:52px}.tag-slot-name{font-size:13px}.tag-slot-order,.tag-slot-hint{font-size:10px}.tag-roster-toolbar{gap:12px}.tag-search>span{display:none}#tag-picker-panel .tag-search input{height:36px;width:150px;padding:6px 10px}#tag-picker-panel .tag-difficulty select{min-height:36px;padding:6px;font-size:13px}.tag-picker-status{font-size:11px}.tag-roster-browser{gap:5px}.tag-roster-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:7px}#tag-picker-panel .tag-character-card{min-height:98px;padding:4px 4px 7px}.tag-character-card .tag-portrait{height:62px}.tag-character-card strong{font-size:11px}.tag-character-role{display:none}#tag-picker-panel .tag-start{min-height:44px;width:200px;font-size:14px}#tag-picker-panel .tag-picker-tools button{padding:7px 9px;font-size:11px}}@media(max-width:600px){#tag-picker-panel{padding:10px;gap:10px}.tag-picker-header{gap:7px}.tag-picker-header h1{font-size:19px}.tag-picker-header p{display:none}.tag-team-slots{gap:7px}#tag-picker-panel .tag-slot-main{grid-template-columns:1fr;height:116px;gap:4px;justify-items:center;text-align:center;padding:7px 5px}.tag-slot-art{width:60px;height:50px}.tag-slot-hint{display:none}.tag-slot-name{max-width:100%;font-size:12px}.tag-slot-order{font-size:10px}.tag-slot-text{max-width:100%}.tag-roster-toolbar{flex-wrap:wrap;gap:7px}.tag-search{flex:1}.tag-search>span{display:none}#tag-picker-panel .tag-search input{width:100%}.tag-picker-status{order:3;flex-basis:100%;font-size:12px}.tag-picker-footer{flex-direction:column;gap:6px}.tag-picker-tools{width:100%}#tag-picker-panel .tag-start{width:100%;min-height:46px}.tag-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tag-character-role{display:none}}@media(orientation:landscape)and (max-height:600px){#tag-picker-panel{grid-template-columns:clamp(136px,20vw,196px) minmax(0,1fr);grid-template-rows:38px minmax(0,1fr) auto;grid-template-areas:"header header" "team roster" "footer footer";gap:8px 12px;padding:8px 14px;--tag-prev-arrow:"↑";--tag-next-arrow:"↓"}.tag-picker-header{grid-area:header;gap:10px}.tag-picker-header h1{font-size:20px}.tag-picker-header p{display:none}.tag-team-slots{grid-area:team;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(68px,1fr));min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:8px;padding:3px}.tag-team-slot{display:flex;flex-direction:column;min-height:0;border-radius:10px}#tag-picker-panel .tag-slot-main{flex:1;grid-template-columns:42px minmax(0,1fr);justify-items:stretch;text-align:left;height:auto;min-height:62px;gap:7px;padding:5px 23px 5px 5px}.tag-slot-art{width:42px;height:48px;font-size:26px}.tag-slot-text{gap:3px}.tag-slot-order{font-size:11px}.tag-slot-name{font-size:12px;white-space:normal;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.tag-slot-hint{display:none}#tag-picker-panel .tag-slot-remove{width:32px;min-height:40px;font-size:20px}#tag-picker-panel[data-order-editing=true] .tag-team-slots{grid-template-rows:repeat(3,minmax(106px,1fr))}.tag-slot-order-tools{flex:none;gap:4px;padding:0 4px 4px}#tag-picker-panel .tag-slot-order-tools button{min-height:40px;font-size:10px;padding:4px 1px}.tag-roster-browser{grid-area:roster;min-width:0;gap:5px}.tag-roster-toolbar{flex-wrap:nowrap;gap:10px}.tag-search{flex:0 1 150px;min-width:100px}.tag-search>span{display:none}#tag-picker-panel .tag-search input{width:100%;height:36px;padding:6px 9px}.tag-picker-status{order:0;flex:1;min-width:0;font-size:11px;line-height:1.3}.tag-difficulty{flex:none}#tag-picker-panel .tag-difficulty select{min-height:36px;padding:6px;font-size:13px}.tag-roster-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}#tag-picker-panel .tag-character-card{min-height:94px;padding:4px 4px 6px;gap:2px}.tag-character-card .tag-portrait{height:62px}.tag-character-card strong{font-size:11px;line-height:1.2}.tag-character-role{display:none}.tag-picker-footer{grid-area:footer;flex-direction:row;gap:10px;padding-top:0}.tag-picker-tools{width:auto;flex:1;gap:5px}#tag-picker-panel .tag-picker-tools button{min-height:42px;padding:7px 9px;font-size:11px}#tag-picker-panel .tag-start{width:200px;min-height:44px;font-size:14px}}@media(orientation:landscape)and (max-height:350px){#tag-picker-panel{grid-template-rows:34px minmax(0,1fr) auto;gap:6px 10px;padding:6px 10px}.tag-picker-header h1{font-size:18px}.tag-picker-header>button{min-height:34px!important;padding:5px 10px!important}.tag-team-slots{gap:5px;grid-template-rows:repeat(3,minmax(58px,1fr))}#tag-picker-panel .tag-slot-main{min-height:54px;grid-template-columns:34px minmax(0,1fr);gap:5px}.tag-slot-art{width:34px;height:40px}#tag-picker-panel .tag-character-card{min-height:72px}.tag-character-card .tag-portrait{height:42px}.tag-character-card strong{font-size:10.5px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}}