.jnt-nav{display:flex;align-items:center;gap:20px;padding:14px clamp(16px,4vw,48px);background:#183e34;color:#f1f4df;border-bottom:1px solid #d9e9a440;font:12px DM Sans,sans-serif;letter-spacing:.4px}.jnt-brand{display:flex;align-items:center;gap:7px;color:#d9e9a4;text-decoration:none;font-size:18px;font-weight:800;white-space:nowrap}.jnt-brand svg{width:30px;height:30px}.jnt-mode{margin-left:auto;font-size:9px;letter-spacing:1.5px}.jnt-local{display:block;width:100%;margin:12px 0 0;padding:13px 12px;border:1px solid #789567;border-radius:8px;background:#d9e9a4;color:#183e34;font:600 12px DM Sans,sans-serif;cursor:pointer;min-height:44px}.jnt-local:hover{background:#e6f3bf}.jnt-note{font-size:11px;line-height:1.6;opacity:.75;margin:10px 0 16px}.jnt-pairing{margin-top:20px;padding:18px;background:#f1f4e5;border:1px solid #c6d5b6;border-radius:12px;color:#183e34}.jnt-pairing h3{font-size:17px;margin:0 0 9px}.jnt-pairing p{font-size:11px;line-height:1.6;letter-spacing:0}.jnt-pairing canvas{display:block;width:208px;height:208px;max-width:100%;margin:12px auto;border-radius:8px}.jnt-pairing input{width:100%;color:#183e34;background:#fff;border:1px solid #b8c6ae;border-radius:6px;padding:10px;font-size:11px}.jnt-pairing label{color:#526d43;font-size:9px}.jnt-pair-count{font-weight:700}.jnt-qr-error{color:#964427}.jnt-voice{margin:18px 0;padding:12px;background:#e8eedb;border-radius:8px;color:#183e34;font-size:11px}.jnt-voice-heading{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:8px}.jnt-voice button{border:1px solid #819675;border-radius:7px;background:#f7faef;color:#183e34;min-height:44px;padding:10px;font:inherit}.jnt-voice .jnt-ptt{display:flex;justify-content:space-between;align-items:center;width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.jnt-ptt.talking{background:#183e34;color:#e6f3bf}.jnt-ptt.opening{background:#efe5c0}.jnt-voice button:disabled{opacity:.5}.jnt-voice kbd{font:inherit;border:1px solid currentColor;border-radius:4px;padding:2px 7px}.jnt-voice-status{display:block;margin-top:8px;line-height:1.5}.shared-display .shot-controls,.shared-display .magic-controls,.shared-display .hand-area{display:none!important}.phone-controller .intro,.phone-controller .edition,.phone-controller .rules,.phone-controller footer,.phone-controller .header-tag,.phone-controller .header-caption,.phone-controller .arena-bottom{display:none!important}.phone-controller .controller-lobby .player-options,.phone-controller .controller-lobby #bot-hint,.phone-controller .controller-lobby #difficulty,.phone-controller .controller-lobby .difficulty-hint,.phone-controller .controller-lobby #drill,.phone-controller .controller-lobby label:not([for=name]):not([for=code]){display:none}.phone-controller .layout{display:flex;flex-direction:column;max-width:620px;margin:16px auto}.phone-controller aside{display:block;width:100%}.phone-controller .arena{width:100%}.phone-controller #scene{height:240px;min-height:240px}.phone-controller .table{display:none}.phone-controller .play-area{width:100%}.phone-controller .table-toolbar{height:auto;min-height:44px}.phone-controller .hand-card{flex:0 0 66px;margin-right:0}.phone-controller #hand{flex-wrap:wrap;gap:12px;overflow:visible;justify-content:center}.phone-controller .hand-card .card{height:94px}.phone-controller .hand-area{padding:20px 12px}.phone-controller header{height:64px}.phone-controller .jnt-nav{flex-wrap:wrap;gap:8px}.phone-controller .jnt-mode{width:100%;margin:0}.phone-controller .arena-actions #fullscreen{display:none}@media(max-width:520px){.jnt-nav{gap:12px}.jnt-nav>span:not(.jnt-mode){font-size:10px}.jnt-mode{display:none}.phone-controller .jnt-mode{display:block}}.jnt-pairing summary{font-size:13px;font-weight:700;cursor:pointer;min-height:30px;line-height:1.7}.shared-display .intro,.shared-display header,.shared-display .rules,.shared-display footer{display:none!important}.shared-display main{padding-top:16px}.shared-display .table{height:clamp(400px,65dvh,720px)}.shared-display.playing main{height:calc(100dvh - 59px)}.phone-controller.playing .arena{height:212px;min-height:0}.phone-controller.playing #scene{height:160px;min-height:160px}.phone-controller.playing #match{display:block}.phone-controller.playing .match-metrics{margin:10px 0}.phone-controller.playing .room-heading{margin-bottom:8px}.phone-controller.playing #ball-tray:empty{display:none}.phone-controller.playing .shot-controls{margin-top:14px}.phone-controller.playing #voice-controls{margin:12px 0}.phone-controller.playing .magic-controls{margin-top:14px;padding-top:12px}.phone-controller.playing .player{padding:8px}.phone-controller.playing #status{padding:8px;font-size:11px}.phone-controller.playing #players{display:flex;gap:8px}.phone-controller.playing .player{flex:1;min-width:0}.phone-controller.playing .avatar{display:none}.phone-controller.playing .player strong{font-size:22px}.phone-controller.playing #room-details{margin-top:14px}.phone-controller.playing #shot-feedback{font-size:11px;padding:7px 10px;top:10px}@media(max-width:740px){.shared-display.playing main{height:auto}}.jnt-mode-picker{margin:20px 0}.jnt-mode-picker label{display:block;font-size:9px;letter-spacing:1px;margin-bottom:8px}.jnt-mode-picker select{width:100%;padding:12px;border:1px solid #819675;border-radius:7px;background:#f1f4e5;color:#183e34;font:600 12px DM Sans,sans-serif;min-height:44px}.jnt-mode-picker .jnt-note{margin:8px 0 14px}.jnt-variant{font:700 10px DM Sans,sans-serif;letter-spacing:1px;padding:9px 10px;border:1px solid #81967560;border-radius:7px;color:#64765b;background:#ecf0e0;margin:0 0 16px;grid-column:1/-1}.jt-remix .jnt-variant{color:#183e34;background:#d9e9a4;border-color:#b5cf79}#remix-controls{padding:14px;margin:0 0 18px;background:#e6edce;border:1px solid #b5ca8e;border-radius:10px;color:#294a35}.jnt-powers-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;font-size:12px}.jnt-powers-heading span{font-size:8px;letter-spacing:.5px}.jnt-powers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jnt-powers button{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid #b0c090;background:#f7faed;color:#264735;padding:12px 4px;border-radius:8px;min-height:80px}.jnt-powers button>span{font-size:21px}.jnt-powers button strong{font-size:10px}.jnt-powers button small{font-size:9px}.jnt-powers button:disabled{opacity:.45;cursor:default}.jnt-powers button.selected{background:#183e34;color:#e6f3bf;border-color:#183e34;box-shadow:0 0 0 2px #b5cf79}.jnt-powers button:focus-visible{outline:3px solid #91ad5f;outline-offset:3px}#power-help{font-size:11px;line-height:1.7;margin:10px 0 0;min-height:32px}.jnt-power-notice{font-size:11px;line-height:1.6;padding:10px;background:#e6edce;color:#294a35;border:1px solid #b5ca8e;border-radius:8px}.crown-marker{color:#e6f3bf;background:#1b4b3e;padding:3px 6px;border-radius:5px;font-size:9px}.phone-controller #remix-controls{padding:12px}.phone-controller .jnt-powers-heading{flex-wrap:wrap}.phone-controller .jnt-powers button{min-height:80px}.jnt-power-guide{margin-top:12px;font-size:11px;line-height:1.7}.jnt-power-guide summary{cursor:pointer;min-height:30px;font-weight:600}.jnt-power-guide p{margin:9px 0}.jnt-power-guide strong{font-weight:700}