:root{--bg:#07110e;--panel:#101c18;--line:#ffffff12;--green:#48dc9c;--gold:#ffc65e;--red:#ff6879;--text:#f3faf7;--muted:#7f948b;font-family:Tahoma,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0,#173c2e 0,transparent 32%),linear-gradient(#08130f,#050906);color:var(--text)}button,input{font:inherit}.game-page{display:flex;width:min(100%,540px);height:100%;min-height:0;margin:auto;flex-direction:column}.game-header{display:grid;flex:0 0 54px;grid-template-columns:42px 1fr 50px;align-items:center;gap:8px;margin-bottom:10px}.game-header>div{text-align:center}.game-header h1{margin:0;font-size:18px}.game-header p{margin:2px 0 0;color:var(--muted);font-size:7px}.header-button{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:#101b17;color:#fff;font-size:18px}.connection{display:flex;align-items:center;justify-content:center;gap:4px;color:#85dfb7;font-size:7px;font-weight:900}.connection i,.events header i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green);animation:pulse 1.4s infinite}.panel{border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#13221d,#0a120f);box-shadow:0 18px 45px #0007,inset 0 1px #ffffff0a}.screen{min-height:0;flex:1;animation:screenIn .23s ease-out}.screen[hidden],[hidden]{display:none!important}.mode-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 20px;text-align:center}.game-emblem{position:relative;display:grid;width:82px;height:82px;place-items:center;border:1px solid #48dc9c48;border-radius:25px;background:#48dc9c10;box-shadow:0 0 35px #48dc9c18}.game-emblem span{font-size:39px;transform:rotate(-25deg)}.game-emblem b{position:absolute;left:-7px;bottom:-7px;display:grid;width:35px;height:35px;place-items:center;border:2px solid #101b17;border-radius:12px;background:var(--gold);font-size:17px}.mode-screen>small{margin-top:17px;color:var(--green);font-size:7px;font-weight:900;letter-spacing:1.2px}.mode-screen h2{margin:7px 0 5px;font-size:22px}.mode-screen>p{max-width:320px;margin:0;color:var(--muted);font-size:9px;line-height:1.7}.mode-grid{display:grid;width:100%;gap:9px;margin-top:20px}.mode-grid button{display:grid;min-height:78px;grid-template-columns:48px 1fr 22px;align-items:center;gap:10px;border:1px solid #48dc9c32;border-radius:18px;padding:11px;background:radial-gradient(circle at 100% 0,#48dc9c18,transparent 55%),#0b1712;color:#eefaf5;text-align:right}.mode-grid button:last-child{border-color:#62aaff36;background:radial-gradient(circle at 100% 0,#62aaff18,transparent 55%),#0b1514}.mode-grid i{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:#48dc9c12;font-size:22px;font-style:normal}.mode-grid span{display:flex;min-width:0;flex-direction:column;gap:4px}.mode-grid b{font-size:11px}.mode-grid small{color:var(--muted);font-size:7px}.mode-grid em{color:var(--green);font-size:18px;font-style:normal}.setup-screen{position:relative;display:flex;flex-direction:column;padding:18px}.close-screen{position:absolute;top:12px;left:12px;width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:#0a1410;color:#9aaca5}.setup-heading{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:11px;padding:2px 0 14px;border-bottom:1px solid #ffffff0d}.setup-heading>i{display:grid;width:48px;height:48px;place-items:center;border:1px solid #48dc9c35;border-radius:15px;background:#48dc9c12;font-size:22px;font-style:normal}.setup-heading small{color:var(--green);font-size:7px;font-weight:900}.setup-heading h2{margin:3px 0;font-size:17px}.setup-heading p{margin:0;color:var(--muted);font-size:7px}.name-form,.join-form{display:grid;grid-template-columns:1fr 80px;gap:7px;margin-top:14px}.name-form input,.join-form input,.modal-card input{min-width:0;height:45px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#050b08;color:#fff;outline:0}.name-form button,.join-form button{border:1px solid #48dc9c4c;border-radius:12px;background:#48dc9c16;color:#7ce9b7;font-size:9px;font-weight:900}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:0 3px 7px;color:#acbbb5;font-size:8px;font-weight:900}.list-heading b{display:grid;min-width:23px;height:20px;place-items:center;border-radius:8px;background:#48dc9c13;color:#6ee6af}.setup-players{display:flex;min-height:0;flex:1;align-content:flex-start;flex-wrap:wrap;gap:7px;overflow-y:auto;border:1px dashed #ffffff13;border-radius:15px;padding:8px;background:#040a0780}.empty-list{display:flex;width:100%;height:100%;min-height:80px;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#60736b;font-size:8px}.empty-list i{font-size:24px;font-style:normal}.setup-player{display:flex;width:calc(50% - 4px);height:42px;align-items:center;gap:7px;border:1px solid #ffffff0d;border-radius:12px;padding:6px;background:#ffffff05}.setup-player img,.setup-player i{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:9px;background:#183b2d;object-fit:cover;font-style:normal}.setup-player span{min-width:0;flex:1;overflow:hidden;font-size:8px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.setup-player button{border:0;background:none;color:#ff8290}.setup-foot{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;padding-top:10px}.setup-foot>span{color:#6e827a;font-size:7px}.primary{min-height:44px;border:1px solid #8df0c6;border-radius:13px;padding:0 18px;background:linear-gradient(135deg,#55e5ad,#19a875);color:#051610;font-weight:950;box-shadow:0 9px 23px #2ac68c2b}.primary:disabled{cursor:not-allowed;opacity:.38}.wide{width:100%;margin-top:16px}.divider{display:flex;align-items:center;gap:8px;margin:15px 0 0;color:#63766e;font-size:7px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#ffffff0d}.join-form input{direction:ltr;text-align:center;text-transform:uppercase;letter-spacing:3px}.error{min-height:14px;margin:6px 0 0;color:#ff8291;font-size:8px}.room-lobby{display:flex;min-height:0;flex:1;flex-direction:column}.room-code{width:100%;margin-top:12px;border:1px dashed #48dc9c62;border-radius:15px;padding:10px;background:#48dc9c0d;color:#79e7b7;font-size:22px;font-weight:1000;letter-spacing:5px}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.room-actions button{min-height:37px;border:1px solid #ffffff12;border-radius:11px;background:#ffffff05;color:#9eb0a9;font-size:8px}.battle-screen{display:grid;grid-template-rows:auto minmax(108px,1fr) auto minmax(155px,1.15fr) minmax(83px,.62fr);gap:7px}.battle-top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:9px 12px}.battle-top small{color:var(--muted);font-size:6px}.battle-top h2{margin:2px 0 0;font-size:13px}.battle-top button{height:32px;border:1px solid #ffffff13;border-radius:10px;background:#ffffff06;color:#a9bab3;font-size:7px}.roster{display:flex;min-height:0;flex-direction:column;padding:9px}.roster header,.events header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:8px}.roster header b{color:var(--green)}.roster header small{color:var(--gold)}.battle-players{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;overflow-y:auto}.battle-player{position:relative;display:grid;grid-template-columns:33px 1fr;align-items:center;gap:6px;min-width:0;border:1px solid #ffffff0c;border-radius:11px;padding:5px;background:#050c09}.battle-player img,.avatar{display:grid;width:33px;height:33px;place-items:center;border-radius:10px;background:#18382b;object-fit:cover;font-style:normal}.battle-player span{display:flex;min-width:0;flex-direction:column}.battle-player strong{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.battle-player small{color:var(--gold);font-size:8px}.battle-player em{position:absolute;top:3px;left:3px;color:#6f837b;font-size:5px;font-style:normal}.battle-player.current{border-color:#48dc9c70}.battle-player.target{border-color:#ff687970}.battle-player.sponsor{border-color:#ffc65e70}.battle-player.out{opacity:.35;filter:grayscale(1)}.turn-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px}.turn-banner small{color:var(--muted);font-size:7px}.turn-banner strong{color:var(--green);font-size:10px}.action-panel{min-height:0;overflow-y:auto;padding:12px;text-align:center}.action-panel>span{font-size:23px}.action-panel h3{margin:4px 0;font-size:14px}.action-panel>p{margin:0 0 8px;color:var(--muted);font-size:7px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.choice{display:flex;min-height:40px;align-items:center;gap:6px;border:1px solid #ffffff10;border-radius:11px;padding:5px;background:#050c09;color:#fff;text-align:right}.choice img,.choice .avatar{width:29px;height:29px}.choice span{font-size:7px;font-weight:900}.waiting{display:grid;height:100%;place-items:center}.waiting span{font-size:25px}.waiting h3{margin:5px 0}.waiting i{display:block;width:23px;height:23px;margin:8px auto 0;border:3px solid #ffffff14;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.decision-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.decision-buttons button{min-height:46px;border-radius:12px;font-weight:900}.accept{border:1px solid #48dc9c68;background:#48dc9c17;color:#84ebbd}.decline{border:1px solid #ff687968;background:#ff687917;color:#ff9ca7}.events{min-height:0;overflow:hidden;padding:9px}.events header span{display:flex;align-items:center;gap:5px}.events>div{overflow:hidden}.event{display:flex;gap:6px;border-top:1px solid #ffffff09;padding:4px 0;color:#9aacA5;font-size:7px}.event:first-child{border:0}.event b{color:var(--green)}.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#020604df}.modal-card{position:relative;width:min(100%,340px);border:1px solid var(--line);border-radius:22px;padding:23px;background:#101c18;text-align:center}.modal-card>button:first-child{position:absolute;top:9px;left:9px;width:32px;height:32px;border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:#fff}.modal-card>span{font-size:39px}.modal-card input{width:100%;margin-bottom:8px}.modal-card .primary{width:100%}#confetti{position:absolute;inset:0;pointer-events:none}#confetti i{position:absolute;top:-15%;width:7px;height:13px;background:var(--c);animation:fall var(--d) var(--delay) linear infinite}@keyframes screenIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{to{transform:translateY(120vh) rotate(720deg)}}@media(max-height:650px){.game-header{flex-basis:47px;margin-bottom:6px}.mode-screen{padding:14px}.game-emblem{width:62px;height:62px}.game-emblem span{font-size:30px}.mode-grid{margin-top:11px}.mode-grid button{min-height:66px}.setup-screen{padding:13px}.setup-heading{grid-template-columns:40px 1fr;padding-bottom:8px}.setup-heading>i{width:40px;height:40px}.name-form,.wide{margin-top:8px}.list-heading{margin-top:8px}.battle-screen{grid-template-rows:auto minmax(92px,.8fr) auto minmax(130px,1fr) minmax(68px,.5fr)}.battle-player{padding:3px}.action-panel{padding:8px}.events .event:nth-child(n+3){display:none}}