.party-page{min-height:100dvh;background:radial-gradient(circle at 50% 8%,#1b79cf 0,#0a3a74 28%,#051b3d 62%,#030f25 100%);color:#fff}.party-shell{width:min(1120px,96vw);margin:0 auto;padding:24px 0 54px}.party-hero{text-align:center;padding:18px 8px 16px}.party-hero .eyebrow{display:inline-block;background:#5de8ff;color:#07152f;border:3px solid #07152f;border-radius:999px;padding:7px 12px;font:1000 10px/1 Arial,sans-serif;letter-spacing:.7px}.party-hero h1{margin:10px 0 4px;font:1000 clamp(34px,7vw,68px)/.9 Arial Black,Arial,sans-serif;letter-spacing:-2px;text-shadow:0 5px 0 #07152f}.party-hero h1 strong{color:#ffd43b}.party-hero p{max-width:720px;margin:13px auto 0;font:800 15px/1.45 Arial,sans-serif;color:#d8f5ff}.party-panel{max-width:930px;margin:0 auto;background:linear-gradient(160deg,rgba(14,72,132,.96),rgba(5,28,66,.97));border:4px solid #07152f;border-radius:28px;box-shadow:0 20px 0 rgba(3,13,32,.45),0 0 45px rgba(93,232,255,.18);overflow:hidden}.party-entry{max-width:600px;margin:auto;padding:30px 22px 32px;text-align:center}.party-logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.party-logo span,.party-logo b{font:1000 34px/1 Arial Black,Arial,sans-serif;text-shadow:0 4px 0 #07152f}.party-logo span{color:#5de8ff}.party-logo b{color:#ffd43b}.party-logo i{font-style:normal;font-size:28px}.party-entry h2{font:1000 clamp(24px,5vw,38px)/1 Arial Black,Arial,sans-serif;margin:8px 0}.party-lead{font:800 14px/1.4 Arial,sans-serif;color:#d6f2ff}.party-name,.party-join{display:block;text-align:left;margin:20px 0 12px}.party-name>span,.party-join>span{display:block;font:1000 10px/1 Arial,sans-serif;letter-spacing:.7px;margin:0 0 7px;color:#bcecff}.party-name input,.party-join input{width:100%;box-sizing:border-box;border:3px solid #07152f;border-radius:14px;background:#fff;color:#07152f;padding:14px 15px;font:1000 16px/1 Arial Black,Arial,sans-serif;outline:none}.party-create,.party-join button,.party-room-actions button,.party-game{border:3px solid #07152f;cursor:pointer;touch-action:manipulation}.party-create{width:100%;border-radius:16px;padding:15px;background:#ffd43b;color:#07152f;font:1000 16px/1 Arial Black,Arial,sans-serif;box-shadow:0 6px 0 #b77a10}.party-create small{display:block;margin-top:5px;font:900 9px/1 Arial,sans-serif}.party-or{display:flex;align-items:center;gap:9px;margin:22px 0 2px;color:#92c7e8;font:1000 10px Arial}.party-or span{height:2px;background:#3b78aa;flex:1}.party-join div{display:flex;gap:8px}.party-join button{border-radius:14px;background:#5de8ff;color:#07152f;padding:0 20px;font:1000 13px Arial Black,Arial,sans-serif}.party-status{display:flex;justify-content:center;align-items:center;gap:8px;margin:17px auto 0;font:1000 10px Arial,sans-serif;color:#bfe9ff}.party-status i{width:10px;height:10px;border-radius:50%;background:#ffd43b;box-shadow:0 0 12px currentColor}.party-status.connected i{background:#79e458}.party-status.error i{background:#ff625b}.party-error{display:none;background:#641f37;border:2px solid #ff8299;border-radius:12px;padding:10px;color:#fff;font:800 12px/1.35 Arial}.party-error.show{display:block}.party-lobby{padding:24px}.party-lobby[hidden]{display:none}.party-room-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#07152f;border-radius:20px;padding:16px 18px}.party-room-head small{display:block;color:#8fdcf8;font:1000 9px Arial;letter-spacing:1px}.party-code{color:#ffd43b;font:1000 clamp(30px,7vw,48px)/1 Arial Black,Arial,sans-serif;letter-spacing:5px}.party-room-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.party-room-actions button{border-radius:12px;padding:10px 12px;background:#5de8ff;color:#07152f;font:1000 10px Arial Black,Arial}.party-room-actions .secondary{background:#eaf8ff}.party-message{text-align:center;font:900 13px/1.35 Arial;color:#d9f5ff}.party-players{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.party-player{min-height:74px;background:#0d467c;border:3px solid #07152f;border-radius:15px;padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center}.party-player.connected{background:#146a8c;box-shadow:inset 0 0 0 2px #5de8ff}.party-player.me{outline:3px solid #ffd43b}.party-player b{font:1000 11px/1.1 Arial Black,Arial}.party-player small{display:block;margin-top:5px;color:#aee8ff;font:900 9px Arial}.party-player .host{color:#ffd43b}.party-divider{display:flex;align-items:center;gap:10px;margin:23px 0 12px}.party-divider:before,.party-divider:after{content:"";height:2px;background:#3974a6;flex:1}.party-divider span{font:1000 11px Arial Black,Arial;color:#ffd43b}.party-games{display:grid;grid-template-columns:1fr 1fr;gap:10px}.party-game{position:relative;min-height:88px;border-radius:17px;padding:12px 12px;background:linear-gradient(145deg,#fff,#d9f4ff);color:#07152f;text-align:left;display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;box-shadow:0 5px 0 #07152f}.party-game:hover,.party-game:focus-visible{transform:translateY(-1px)}.party-game:disabled{opacity:.72;cursor:default}.party-game.preferred{outline:4px solid #ffd43b}.party-game.new:after{content:"NEW";position:absolute;top:-7px;right:10px;background:#ff5ca8;color:#fff;border:2px solid #07152f;border-radius:999px;padding:3px 7px;font:1000 8px Arial}.party-game-icon{font-size:32px;text-align:center}.party-game b{display:block;font:1000 14px/1 Arial Black,Arial}.party-game small{display:block;margin-top:5px;font:900 9px/1.2 Arial;color:#326083}.party-game em{font-style:normal;background:#ffd43b;border:2px solid #07152f;border-radius:9px;padding:8px;font:1000 9px Arial Black,Arial}.party-game.spectator em{background:#d8e5ec}.party-host-note,.party-safe{text-align:center;font:800 11px/1.4 Arial;color:#b9e4f7}.party-safe{margin-bottom:0;color:#9dcde4}.party-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:930px;margin:22px auto 0}.party-explain article{background:#fff;color:#07152f;border:3px solid #07152f;border-radius:17px;text-align:center;padding:15px;box-shadow:0 5px 0 rgba(0,0,0,.28)}.party-explain article>b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffd43b;border:2px solid #07152f;font:1000 13px Arial Black}.party-explain h3{font:1000 13px Arial Black;margin:8px 0 4px}.party-explain p{font:800 10px/1.35 Arial;margin:0;color:#35516d}
@media(max-width:650px){.party-shell{width:97vw;padding-top:10px}.party-hero{padding-top:8px}.party-panel{border-radius:20px}.party-lobby{padding:14px}.party-room-head{align-items:flex-start;flex-direction:column}.party-room-actions{width:100%;justify-content:stretch}.party-room-actions button{flex:1}.party-players{grid-template-columns:1fr 1fr}.party-games{grid-template-columns:1fr}.party-game{min-height:76px}.party-explain{grid-template-columns:1fr 1fr}.party-explain article:last-child{grid-column:1/-1}.party-code{letter-spacing:3px}}
@media(max-height:690px) and (orientation:landscape){.party-hero{padding:6px}.party-hero p{display:none}.party-shell{padding-top:4px}.party-lobby{padding:12px}.party-player{min-height:52px}.party-game{min-height:62px}.party-game-icon{font-size:24px}.party-explain{display:none}}
/* SNAP */
.snap-page{min-height:100dvh;background:radial-gradient(circle at 50% 12%,#1b73bf,#082e5c 45%,#03152f);color:#fff;overflow-x:hidden}.snap-shell{width:min(880px,97vw);margin:auto;padding:14px 0 42px}.snap-game{position:relative;text-align:center}.snap-title span{color:#5de8ff;font:1000 9px Arial;letter-spacing:1px}.snap-title h1{margin:4px 0;font:1000 clamp(35px,8vw,66px)/.95 Arial Black;text-shadow:0 5px 0 #07152f}.snap-title h1 strong{color:#ffd43b}.snap-title p{margin:8px auto 12px;color:#cceeff;font:800 12px Arial}.snap-score{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin:8px auto}.snap-score div{min-width:82px;background:#fff;color:#07152f;border:3px solid #07152f;border-radius:13px;padding:7px 10px;box-shadow:0 4px 0 #07152f}.snap-score b{display:block;font:1000 18px Arial Black}.snap-score small{font:1000 8px Arial;color:#4a6b88}.snap-score .me{background:#fff2a4}.snap-table{position:relative;display:flex;justify-content:center;align-items:center;gap:clamp(12px,5vw,46px);min-height:min(46vh,420px);padding:16px}.snap-card{width:min(34vw,230px);aspect-ratio:5/7;background:linear-gradient(150deg,#fff,#dcefff);border:6px solid #07152f;border-radius:24px;color:#07152f;box-shadow:0 12px 0 #07152f,0 20px 34px rgba(0,0,0,.32);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .18s ease}.snap-card.current{transform:rotate(3deg)}.snap-card.previous{transform:rotate(-4deg) scale(.9);opacity:.8}.snap-card small{position:absolute;transform:translateY(-900%);font:1000 8px Arial}.snap-card b{font:1000 clamp(64px,16vw,120px)/.8 Arial Black}.snap-card em{font-style:normal;font-size:clamp(32px,8vw,58px);margin-top:16px}.snap-card.c1{background:linear-gradient(150deg,#fff,#dffcff)}.snap-card.c2{background:linear-gradient(150deg,#fff,#fff0b3)}.snap-card.c3{background:linear-gradient(150deg,#fff,#ffdff0)}.snap-flash{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7);opacity:0;background:#ffd43b;color:#07152f;border:4px solid #07152f;border-radius:999px;padding:13px 18px;font:1000 18px Arial Black;pointer-events:none}.snap-flash.show{animation:snapPop .62s ease}@keyframes snapPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%,75%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.snap-button{width:min(420px,88vw);border:5px solid #07152f;border-radius:22px;padding:18px;background:#ff5b5b;color:#fff;font:1000 clamp(30px,8vw,52px)/.9 Arial Black;box-shadow:0 9px 0 #8d1f2e;cursor:pointer;touch-action:manipulation}.snap-button:active{transform:translateY(5px);box-shadow:0 4px 0 #8d1f2e}.snap-button small{display:block;margin-top:8px;font:1000 9px Arial}.snap-button:disabled{filter:grayscale(.4);opacity:.55}.snap-statusline{min-height:18px;margin:12px;font:1000 11px Arial;color:#ffd43b}.snap-controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.snap-controls button,.snap-controls a,.snap-result-actions button,.snap-result-actions a{border:3px solid #07152f;border-radius:11px;background:#e9f8ff;color:#07152f;text-decoration:none;padding:9px 12px;font:1000 9px Arial Black;cursor:pointer}.snap-overlay{position:fixed;inset:0;z-index:40;display:none;place-items:center;background:rgba(1,13,33,.82);backdrop-filter:blur(8px);padding:16px}.snap-overlay.show{display:grid}.snap-modal{width:min(560px,94vw);max-height:88dvh;overflow:auto;background:linear-gradient(150deg,#fff,#dff4ff);color:#07152f;border:5px solid #07152f;border-radius:24px;padding:24px;text-align:center;box-shadow:0 14px 0 #07152f}.snap-modal h2{font:1000 36px Arial Black;margin:8px}.snap-modal p{font:800 12px/1.45 Arial}.snap-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.snap-modes button,.snap-ready-btn{border:3px solid #07152f;border-radius:15px;background:#ffd43b;color:#07152f;padding:15px;font:1000 13px Arial Black;cursor:pointer}.snap-modes button small{display:block;margin-top:5px;font:900 8px Arial}.snap-modes button:last-child{background:#5de8ff}.snap-note{color:#4b6a84}.snap-live-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.snap-live-slots div{border:3px solid #07152f;border-radius:12px;padding:10px;background:#fff}.snap-live-slots .ready{background:#dfffbd}.snap-ready-btn{width:100%;margin-top:8px}.snap-ready-btn.secondary{background:#e8f4fa}.snap-trophy{font-size:50px}.snap-result-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.snap-result-actions button:first-child{background:#ffd43b}.snap-result-actions #snapChangeGame{background:#5de8ff}
@media(max-width:560px){.snap-table{min-height:42vh;padding:8px}.snap-card{width:min(40vw,190px);border-width:4px;border-radius:18px}.snap-modes{grid-template-columns:1fr}.snap-shell{padding-top:6px}.snap-title p{display:none}}
/* RPS BATTLE */
.rps-page{min-height:100dvh;background:radial-gradient(circle at 50% 12%,#692e9f,#173f78 45%,#061a38 85%);color:#fff}.rps-shell{width:min(850px,97vw);margin:auto;padding:14px 0 40px;text-align:center}.rps-title span{font:1000 9px Arial;letter-spacing:1px;color:#6cefff}.rps-title h1{margin:5px;font:1000 clamp(34px,8vw,62px)/.95 Arial Black;text-shadow:0 5px 0 #07152f}.rps-title h1 strong{color:#ffd43b}.rps-title p{font:800 11px Arial;color:#d8f2ff}.rps-score{display:grid;grid-template-columns:1fr .8fr 1fr;gap:8px;max-width:540px;margin:12px auto}.rps-score>div{background:#fff;color:#07152f;border:3px solid #07152f;border-radius:14px;padding:8px;box-shadow:0 4px 0 #07152f}.rps-score .round{background:#ffd43b}.rps-score small{display:block;font:1000 8px Arial}.rps-score b{font:1000 26px Arial Black}.rps-arena{position:relative;min-height:min(43vh,380px);display:flex;align-items:center;justify-content:center;gap:clamp(10px,4vw,32px)}.rps-hand{width:min(34vw,230px);aspect-ratio:1;display:grid;place-items:center;position:relative;border:5px solid #07152f;border-radius:50%;background:linear-gradient(145deg,#fff,#caefff);font-size:clamp(70px,18vw,140px);box-shadow:0 10px 0 #07152f}.rps-hand:last-of-type{background:linear-gradient(145deg,#fff,#ffe5a6)}.rps-hand small{position:absolute;bottom:14px;font:1000 9px Arial;color:#07152f}.rps-vs{font:1000 22px Arial Black;color:#ffd43b;text-shadow:0 3px 0 #07152f}.rps-callout{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);background:#07152f;border:3px solid #5de8ff;border-radius:999px;padding:9px 14px;color:#fff;font:1000 11px Arial Black;white-space:nowrap}.rps-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:620px;margin:5px auto}.rps-picks button{border:4px solid #07152f;border-radius:18px;background:#fff;color:#07152f;padding:12px 6px;box-shadow:0 6px 0 #07152f;cursor:pointer;touch-action:manipulation}.rps-picks button span{display:block;font-size:clamp(34px,9vw,64px)}.rps-picks button b{font:1000 11px Arial Black}.rps-picks button.locked{background:#d7ffb5;transform:translateY(4px);box-shadow:0 2px 0 #07152f}.rps-picks button:disabled{opacity:.5}.rps-status{min-height:18px;margin:13px;color:#ffd43b;font:1000 11px Arial}.rps-controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.rps-controls button,.rps-controls a,.rps-result-actions button,.rps-result-actions a{border:3px solid #07152f;border-radius:11px;background:#eaf8ff;color:#07152f;text-decoration:none;padding:9px 12px;font:1000 9px Arial Black;cursor:pointer}.rps-overlay{position:fixed;inset:0;z-index:40;display:none;place-items:center;background:rgba(2,10,30,.83);backdrop-filter:blur(8px);padding:16px}.rps-overlay.show{display:grid}.rps-modal{width:min(520px,94vw);background:linear-gradient(150deg,#fff,#dff4ff);color:#07152f;border:5px solid #07152f;border-radius:24px;padding:24px;box-shadow:0 14px 0 #07152f}.rps-modal h2{font:1000 34px Arial Black;margin:8px}.rps-modal p{font:800 12px/1.45 Arial}.rps-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rps-modes button,.rps-ready-btn,#rpsReadyBtn,#rpsBackParty{border:3px solid #07152f;border-radius:15px;background:#ffd43b;color:#07152f;padding:15px;font:1000 13px Arial Black;cursor:pointer}.rps-modes button:last-child{background:#5de8ff}.rps-modes small{display:block;font:900 8px Arial;margin-top:5px}.rps-live-slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.rps-live-slots div{border:3px solid #07152f;border-radius:12px;padding:10px;background:#fff}.rps-live-slots .ready{background:#dfffbd}#rpsReadyBtn,#rpsBackParty{width:100%;margin-top:8px}#rpsBackParty.secondary{background:#e8f4fa}.rps-trophy{font-size:48px}.rps-result-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.rps-result-actions button:first-child{background:#ffd43b}#rpsChangeGame{background:#5de8ff}
@media(max-width:560px){.rps-title p{display:none}.rps-arena{min-height:38vh}.rps-hand{width:min(38vw,180px);border-width:4px}.rps-modes{grid-template-columns:1fr}.rps-shell{padding-top:6px}}

/* V9.9.1 — viewport-first audit: Snap + RPS short landscape */
@media (orientation:landscape) and (max-height:560px){
  .snap-page,.rps-page{height:100dvh;overflow:hidden}
  .snap-page .game-top,.rps-page .game-top{height:46px}
  .snap-page .brand .two,.rps-page .brand .two{font-size:30px}.snap-page .brand .blocks,.rps-page .brand .blocks{font-size:18px}.snap-page .brand small,.rps-page .brand small{display:none}
  .snap-page .nav-links,.rps-page .nav-links{display:none}

  .snap-shell{width:100vw;height:calc(100dvh - 46px);padding:2px 5px 4px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,28vw);grid-template-rows:auto minmax(0,1fr) auto;gap:3px 8px;text-align:center}
  .snap-title{grid-column:1/-1}.snap-title span,.snap-title p{display:none}.snap-title h1{font-size:25px;margin:0;text-shadow:0 3px 0 #07152f}
  .snap-score{grid-column:2;grid-row:2;align-self:start;display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:0}.snap-score div{min-width:0;padding:4px;border-width:2px;border-radius:9px;box-shadow:0 2px 0 #07152f}.snap-score b{font-size:11px}.snap-score small{font-size:5px}
  .snap-game{display:contents}.snap-table{grid-column:1;grid-row:2;min-height:0;height:100%;padding:3px;gap:10px}.snap-card{width:auto;height:min(100%,230px);max-width:28vw;border-width:4px;border-radius:16px;box-shadow:0 6px 0 #07152f}.snap-card b{font-size:clamp(45px,11vh,78px)}.snap-card em{font-size:clamp(24px,7vh,42px);margin-top:7px}
  .snap-button{grid-column:2;grid-row:2;align-self:end;width:100%;padding:10px 5px;border-width:3px;border-radius:14px;font-size:24px;box-shadow:0 5px 0 #8d1f2e}.snap-button small{font-size:6px;margin-top:3px}.snap-statusline{grid-column:1/-1;grid-row:3;min-height:12px;margin:0;font-size:7px}.snap-controls{position:fixed;right:max(8px,env(safe-area-inset-right));bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));z-index:8;gap:3px}.snap-controls button,.snap-controls a{padding:4px 6px;border-width:2px;font-size:6px}
  .snap-modal{max-height:94dvh;padding:10px}.snap-modal h2{font-size:24px}.snap-modal p{font-size:8px}.snap-modes button,.snap-ready-btn{padding:8px;font-size:9px}.snap-live-slots{margin:6px 0;gap:4px}.snap-live-slots div{padding:5px}

  .rps-shell{width:100vw;height:calc(100dvh - 46px);padding:2px 5px 4px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,38vw);grid-template-rows:auto minmax(0,1fr) auto;gap:3px 8px}
  .rps-title{grid-column:1/-1}.rps-title span,.rps-title p{display:none}.rps-title h1{font-size:24px;margin:0;text-shadow:0 3px 0 #07152f}
  .rps-score{grid-column:2;grid-row:2;align-self:start;width:100%;margin:0;gap:3px}.rps-score>div{padding:4px;border-width:2px;border-radius:9px;box-shadow:0 2px 0 #07152f}.rps-score b{font-size:13px}.rps-score small{font-size:5px}
  .rps-arena{grid-column:1;grid-row:2;min-height:0;height:100%;gap:8px}.rps-hand{width:auto;height:min(92%,220px);max-width:25vw;border-width:4px;box-shadow:0 5px 0 #07152f;font-size:clamp(54px,17vh,105px)}.rps-hand small{bottom:7px;font-size:6px}.rps-vs{font-size:15px}.rps-callout{bottom:1%;padding:4px 7px;border-width:2px;font-size:6px}
  .rps-picks{grid-column:2;grid-row:2;align-self:end;width:100%;margin:0;gap:4px}.rps-picks button{padding:5px 3px;border-width:3px;border-radius:11px;box-shadow:0 3px 0 #07152f}.rps-picks button span{font-size:31px}.rps-picks button b{font-size:6px}
  .rps-status{grid-column:1/-1;grid-row:3;min-height:12px;margin:0;font-size:7px}.rps-controls{position:fixed;right:max(8px,env(safe-area-inset-right));bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px));z-index:8;gap:3px}.rps-controls button,.rps-controls a{padding:4px 6px;border-width:2px;font-size:6px}
  .rps-modal{max-height:94dvh;overflow:auto;padding:10px}.rps-modal h2{font-size:24px}.rps-modal p{font-size:8px}.rps-modes button,.rps-ready-btn,#rpsReadyBtn,#rpsBackParty{padding:8px;font-size:9px}.rps-live-slots{margin:6px 0;gap:4px}.rps-live-slots div{padding:5px}
}
@media (orientation:landscape) and (max-height:560px){.rps-game{display:contents}}