.jnt-audio{margin:0 0 20px;border:1px solid #b8c6ad;border-radius:12px;background:#edf1e1;color:#183e34;font:12px DM Sans,sans-serif;overflow:hidden}.jnt-audio>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;cursor:pointer;min-height:48px;list-style:none;font-weight:700}.jnt-audio>summary::-webkit-details-marker{display:none}.jnt-audio>summary:after{content:"+";font-size:20px;font-weight:400}.jnt-audio[open]>summary:after{content:"−"}.jnt-audio-summary{margin-left:auto;font-size:10px;font-weight:400;opacity:.7}.jnt-audio-content{padding:0 18px 16px}.jnt-audio-mix{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid #b8c6ad;padding-top:16px}.jnt-audio-channel label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:0;margin:0 0 8px;color:#183e34}.jnt-audio-channel output{font-size:10px;opacity:.7}.jnt-audio-channel>div{display:flex;align-items:center;gap:14px}.jnt-audio input[type=range]{flex:1;min-width:0;width:auto;margin:0;accent-color:#315b40;touch-action:pan-y;min-height:44px;padding:0;background:transparent}.jnt-audio button{font:600 11px DM Sans,sans-serif;border:1px solid #a8b89b;background:#f9fbf1;color:#183e34;padding:10px 14px;border-radius:7px;cursor:pointer;min-height:44px;white-space:nowrap}.jnt-audio button:hover{background:#d9e9a4}.jnt-audio button:disabled{opacity:.45;cursor:default}.jnt-audio button:focus-visible,.jnt-audio input:focus-visible,.jnt-audio summary:focus-visible{outline:3px solid #789e43;outline-offset:3px}.jnt-audio-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}.jnt-audio .jnt-audio-note{font-size:11px;line-height:1.6;margin:0;letter-spacing:0;color:#526448}.shared-display .jnt-audio{margin-bottom:12px}.phone-controller .jnt-audio{margin:14px 16px}.phone-controller .jnt-audio-mix,.phone-controller .jnt-audio-preview{display:none}@media(max-width:600px){.jnt-audio-mix{grid-template-columns:1fr;gap:14px}.jnt-audio-bottom{flex-wrap:wrap;gap:12px}.jnt-audio-summary{font-size:9px}.jnt-audio>summary{padding-inline:14px}.jnt-audio-content{padding-inline:14px}}@media(min-width:741px){body.playing main{display:flex;flex-direction:column}body.playing .jnt-audio{flex-shrink:0}body.playing .layout{flex:1;min-height:0;height:auto}}.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}#lobby .jnt-invite-extra{display:none!important}.invite-entry header,.invite-entry .intro,.invite-entry .arena,.invite-entry .play-area,.invite-entry .rules,.invite-entry footer,.invite-entry .jnt-audio{display:none!important}.invite-entry main{padding:32px 20px}.invite-entry .layout{display:block;max-width:400px;margin:0 auto}.invite-entry aside{width:100%}.invite-entry #lobby{padding:28px 24px}.invite-entry #lobby h2{font-size:28px}.invite-entry #lobby .muted{font-size:13px;line-height:1.6;margin-bottom:24px}.invite-entry #lobby #name{min-height:50px;font-size:16px}.invite-entry #lobby .primary{display:block;width:100%;min-height:52px;margin-top:18px;font-size:15px}.invite-entry .jnt-invite-form{display:block}.jnt-invite-note{font-size:12px;line-height:1.6;text-align:center;opacity:.7;margin:16px 0 0}.invite-entry .jnt-welcome-emblem{display:grid;place-items:center;width:56px;height:56px;margin:0 0 22px;border-radius:50%;background:#d9e9a4;color:#183e34;font:800 30px Manrope,sans-serif;box-shadow:0 0 0 7px #a6c47712}.invite-entry .jnt-invite-heading .eyebrow{letter-spacing:1.6px}.invite-entry #lobby .muted{margin:12px 0;font-size:14px;max-width:30ch}.invite-entry .jnt-entry-context{font-size:12px;line-height:1.6;opacity:.75;margin:0 0 26px}.invite-entry #lobby{border-radius:20px;box-shadow:0 14px 40px #00000012}.invite-entry #lobby label[for=name]{display:block}