.touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 96px;gap:6px;padding:max(6px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));box-sizing:border-box;pointer-events:none;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none;font-family:system-ui,-apple-system,sans-serif;color:#fff}.touch>*{pointer-events:auto}.touch[hidden]{display:none}.touch.solid{background:#0b0d18;padding-top:max(40px,calc(env(safe-area-inset-top) + 36px))}.touch.ingame{top:auto;bottom:0;height:var(--tc-h, 36vh);min-height:210px;max-height:62vh;padding-top:6px;background:#0b0d18;border-top:1px solid rgba(255,255,255,.1);grid-template-rows:minmax(0,1fr) 60px}.touch.ingame .tc-top{top:6px}.tc-top{position:absolute;top:max(4px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;z-index:3;pointer-events:none}.tc-label{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border-radius:999px;background:#080a14bf;border:1px solid rgba(255,255,255,.15);font-size:12px}.tc-label .tc-who:empty{display:none}.tc-seat{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-weight:900;font-size:10px;background:#8a91b4}.tc-seat:empty{display:none}.tc-seat.s0{background:#e8342e}.tc-seat.s1{background:#3b7fe8}.tc-seat.s2{background:#ffd36b;color:#2a1a00}.tc-seat.s3{background:#3ddc84;color:#072a16}.tc-zone{min-width:0;min-height:0;position:relative;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff09;overflow:hidden;transition:background .15s,border-color .15s}.tc-zone.live{background:#ffffff12;border-color:#ffffff4d}.tc-move{background:linear-gradient(160deg,#3b7fe829,#3b7fe808)}.tc-attack{background:linear-gradient(200deg,#e8342e29,#e8342e08)}.tc-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;color:#ffffff59}.tc-hint>span{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.3em;font-weight:800}.tc-hint>span small{display:block;margin-top:4px;color:#ffffffb3;font-size:10px;font-weight:500;letter-spacing:normal}.tc-cross{width:80px;height:80px;max-height:55%;margin-bottom:26px;background:linear-gradient(#ffffff24,#ffffff24) center / 30px 100% no-repeat,linear-gradient(#ffffff24,#ffffff24) center / 100% 30px no-repeat;border-radius:10px}.tc-split{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.tc-split line{stroke:#ffffff38;stroke-width:2px}.tc-split .quadrant{fill:var(--wc);opacity:.14;transition:opacity .08s}.tc-split .quadrant.on{opacity:.7}.tc-split .quadrant.l{--wc: #a04fff}.tc-split .quadrant.j{--wc: #3b7fe8}.tc-split .quadrant.h{--wc: #e8342e}.tc-split .quadrant.k{--wc: #3ddc84}.tc-attack{background:#ffffff08}.tc-zone.tc-attack{container-type:size}.tc-compass{position:absolute;top:0;right:0;bottom:0;left:0}.tc-compass b{position:absolute;display:flex;flex-direction:column;align-items:center;font-size:clamp(12px,min(12cqw,14cqh),22px);font-weight:900;font-style:italic;line-height:1;color:#ffffffd9;transition:color .08s,transform .08s}.tc-compass b small{font-size:clamp(7px,7cqh,9px);letter-spacing:.12em;text-transform:uppercase;font-style:normal;font-weight:700;margin-top:2px}.tc-compass .l{top:25%;left:75%;transform:translate(-50%,-50%)}.tc-compass .h{top:75%;left:25%;transform:translate(-50%,-50%)}.tc-compass .k{left:25%;top:25%;transform:translate(-50%,-50%)}.tc-compass .j{left:75%;top:75%;transform:translate(-50%,-50%)}.tc-compass b.on{color:#fff;text-shadow:0 0 16px #ffd36b;transform:translate(-50%,-50%) scale(1.08)}@container (max-height: 150px){.tc-compass b small{display:none}.tc-compass b{font-size:clamp(12px,min(12cqw,14cqh),18px)}}.tc-base{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.35);box-shadow:inset 0 0 30px #0000004d;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .12s}.tc-base.live{opacity:1}.tc-knob{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b9bcc4 60%,#7a808a);box-shadow:0 6px 14px #00000080}.tc-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#14182c99;color:#fff;font:inherit;padding:6px}.tc-btn b{font-size:26px;font-weight:900;font-style:italic;letter-spacing:.08em;line-height:1}.tc-btn small{font-size:11px;line-height:1.4;color:#fffc;text-align:center}.tc-jump{grid-column:1 / -1;background:#a04fff66}.tc-jump.down{background:#e8342ed9;border-color:#fff}.tc-btn:focus-visible,.tc-rotate-x:focus-visible{outline:2px solid #ffd36b;outline-offset:-4px}.tc-rotate{display:none;position:absolute;top:max(44px,calc(env(safe-area-inset-top) + 40px));left:50%;transform:translate(-50%);z-index:5;align-items:center;gap:10px;padding:8px 10px 8px 12px;border-radius:12px;background:#080a14d9;border:1px solid rgba(255,211,107,.4);pointer-events:auto;width:max-content;max-width:90vw}.tc-rotate b{display:block;font-size:14px;font-weight:900;font-style:italic;text-transform:uppercase}.tc-rotate small{display:block;color:#9aa2c8;font-size:11px}.tc-rotate-x{background:transparent;border:1px solid rgba(255,255,255,.2);color:#c8cde8;font:inherit;width:26px;height:26px;border-radius:50%;padding:0}.tc-phone{width:18px;height:30px;border:3px solid #ffd36b;border-radius:4px;flex:none;animation:tc-turn 1.6s ease-in-out infinite}@keyframes tc-turn{0%,30%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}@media(orientation:portrait){.touch.solid:not(.no-nudge) .tc-rotate{display:flex}}@media(max-height:420px){.touch{gap:4px}.tc-base{width:100px;height:100px;margin:-50px 0 0 -50px}.tc-jump b{font-size:20px}}@media(orientation:landscape){.touch{grid-template-columns:minmax(0,1fr) minmax(0,1fr) clamp(120px,20vw,200px);grid-template-rows:minmax(0,1fr)}.touch.ingame{--tc-h: 36vh;min-height:124px;max-height:50vh;grid-template-rows:minmax(0,1fr)}.tc-move{grid-column:1;grid-row:1}.tc-attack{grid-column:2;grid-row:1}.tc-jump{grid-column:3;grid-row:1}.tc-jump small{max-width:120px}.touch.ingame .tc-top{top:4px;left:12px;transform:none}}.hap-switch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;z-index:2;pointer-events:auto}.tc-btn{position:relative;overflow:hidden}