.party-controller,.party-panel{background:linear-gradient(145deg,#173945,#081923 65%,#304d59);color:#ddf8f8;border:1px solid #79c9d0;border-radius:18px;padding:20px;box-shadow:0 6px 24px #0005;font-family:system-ui;max-width:760px;margin:12px auto}.party-host{position:relative;z-index:8}.party-controller label,.party-panel label{display:grid;gap:8px;margin:12px 0}.party-controller button,.party-host>button,.party-panel button{color:#d9fbff;background:linear-gradient(135deg,#416170,#112e3b 50%,#294c5c);border:1px solid #7bafbf;border-radius:12px;min-height:46px;padding:10px 16px;cursor:pointer}.party-controller button:disabled,.party-panel button:disabled{opacity:.45;cursor:default}.party-controller input,.party-panel input,.party-panel select{color:#ecffff;background:#102b36;border:1px solid #6a9ba9;padding:12px;border-radius:8px;min-width:0}.party-panel img{display:block;margin:12px 0}.party-panel a{color:#9be9f4;overflow-wrap:anywhere}.party-actions,.party-member{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}.party-controller{min-height:calc(100dvh - 24px);margin:0 auto;border-radius:0;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box}.party-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;touch-action:none;user-select:none;-webkit-user-select:none;margin:18px 0}.party-buttons button{min-height:70px;touch-action:none;font-weight:600}.party-buttons button:active{background:#528da0;box-shadow:inset 0 0 12px #9fffff}.party-controller h1{font-size:24px}.party-controller p{line-height:1.5}.party-controller small{display:block}.party-actions{touch-action:manipulation}@media(orientation:landscape) and (max-height:600px){.party-buttons{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.party-buttons button{min-height:54px;padding:6px}.party-controller h1{font-size:18px;margin:4px 0}.party-controller p{margin:6px 0}}.party-game-links{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.party-game-links a{color:#c5f6ff;text-decoration:none;border:1px solid #689ead;border-radius:12px;padding:12px 18px;background:#153744}.party-game-links a[aria-current=page]{background:#32687a;box-shadow:0 0 14px #7ef5ff33}.party-touch-controls{display:grid;grid-template-columns:minmax(135px,.95fr) minmax(0,1.05fr);gap:18px;align-items:center;margin:20px 0;user-select:none;-webkit-user-select:none}.party-movement{display:grid;justify-items:center;gap:12px;min-width:0}.party-joystick{width:min(100%,220px);aspect-ratio:1;border-radius:50%;border:2px solid #a0c3cc;position:relative;touch-action:none;background:radial-gradient(circle at 40% 30%,#416775,#193944 62%,#071d27 65%,#6599a6 68%,#102d38 72%);box-shadow:inset 0 3px 14px #020e18,0 0 18px #81efff24;outline-offset:4px}.party-joystick[aria-disabled=true]{opacity:.45}.party-stick-knob{position:absolute;left:33%;top:33%;width:34%;height:34%;pointer-events:none;border-radius:50%;background:linear-gradient(140deg,#e4f7f4,#639bab 35%,#1b445b 57%,#9bbed0 82%,#e4d2f1);border:1px solid #cbf1ef;box-shadow:0 5px 10px #00131ba8,inset 0 0 6px #bffaff}.party-stick-directions{position:absolute;inset:0;pointer-events:none;color:#a5d4dc88}.party-stick-directions svg{position:absolute;width:18px;height:18px;left:calc(50% - 9px);top:8%}.party-stick-directions svg:nth-child(2){top:calc(50% - 9px);left:82%;transform:rotate(90deg)}.party-stick-directions svg:nth-child(3){top:82%;transform:rotate(180deg)}.party-stick-directions svg:nth-child(4){top:calc(50% - 9px);left:8%;transform:rotate(-90deg)}.party-stick-caption{font-size:11px;text-align:center;color:#acd1da}.party-moves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.party-controller .party-move{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:72px;padding:8px 4px;border-radius:24px;touch-action:none;background:linear-gradient(145deg,#7795a8,#214351 45%,#12313f 60%,#5f778c);box-shadow:inset 0 1px 1px #efffff99,0 3px 7px #0005}.party-move span{font-size:11px;line-height:1.15}.party-controller .party-move.is-held{background:linear-gradient(145deg,#b6f2ef,#398ca4,#777dab);box-shadow:0 0 15px #74eaff80,inset 0 2px 7px #042c3d}.party-controller button:focus-visible,.party-game-links a:focus-visible,.party-joystick:focus-visible{outline:3px solid #b4fcf5;outline-offset:3px}@media(min-width:600px){.party-moves{grid-template-columns:repeat(3,minmax(0,1fr))}.party-touch-controls{gap:35px}}@media(orientation:landscape) and (max-height:600px){.party-controller{max-width:none}.party-touch-controls{grid-template-columns:minmax(130px,190px) minmax(0,1fr);gap:25px;margin:10px 0}.party-joystick{max-width:145px}.party-moves{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.party-controller .party-move{min-height:60px}.party-stick-caption{font-size:10px}.party-controller .party-actions{margin:5px 0}.party-controller .party-actions button{min-height:38px;padding:5px 10px}}