/* Mobile game shell v21 — corrected create-room emblem. */
@media (max-width:600px){
  :root{--ink:#080a12;--panel:#111522;--gold:#f4c75b;--cream:#fff2c5;--red:#e33b42;--blue:#2978df}
  *{box-sizing:border-box}
  html,body{position:fixed;inset:0;width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--ink);touch-action:manipulation}
  body{color:#f8e5ad;background:radial-gradient(circle at 50% -10%,#26304a 0,#0b0d15 37%,#05060a 100%)}
  body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#a928281f,transparent 18% 82%,#4524a72b),repeating-linear-gradient(90deg,transparent 0 49px,#d9a4410b 50px)}
  input,textarea,select{font-size:16px!important}
  main{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;margin:0;padding:calc(env(safe-area-inset-top,0px) + 8px) 14px calc(env(safe-area-inset-bottom,0px) + 8px);overflow:hidden}

  /* Landing */
  .landing{position:relative;z-index:1;width:100%;height:100%;display:grid;grid-template-rows:88px 124px minmax(0,1fr) 39px;grid-template-columns:1fr;gap:8px;overflow:hidden}
  .brandbar{grid-column:1/-1;display:flex;min-height:0;align-items:flex-start;justify-content:center;padding-top:2px;border:0;background:transparent;position:relative;overflow:visible}.brand{display:block;max-width:100%}.brand-mark{display:none}.brand h1{margin:0;color:var(--cream);font-size:clamp(31px,8.8vw,42px);line-height:1.1;font-weight:900;white-space:nowrap;text-align:center;text-shadow:0 2px 0 #6e4717,0 0 18px #f6c85170}.brand h1:before,.brand h1:after{content:"◇─";font-size:11px;color:var(--gold);vertical-align:middle;margin:0 5px}
  .connection{position:absolute;top:auto;bottom:1px;left:50%;transform:translateX(-50%);z-index:3;padding:4px 14px;border:1px solid #16762d;border-radius:999px;background:#082114;color:#65dc75;font-size:12px;box-shadow:0 0 15px #24c54422}.connection i{width:8px;height:8px;background:#2bd14d;box-shadow:0 0 8px #2bd14d}
  .resume-room{position:absolute;bottom:0;left:50%;z-index:4;transform:translateX(-50%);min-width:190px;height:31px;padding:0 14px;border:1px solid #d1a657;border-radius:999px;background:linear-gradient(#3a2a13,#15100a);color:#f8d57d;font-size:12px;font-weight:800;box-shadow:0 0 14px #d5a84b30}
  .hero{grid-column:1/-1;height:auto;min-height:0;padding:14px 0 0;overflow:hidden;background:transparent}.hero h2{margin:0;color:#fff1c4;font-size:clamp(31px,9vw,42px);line-height:1.15;text-align:center;white-space:nowrap;text-shadow:0 2px #5b3d17}.hero p{margin:8px 0 0;color:#eee;font-size:clamp(14px,4vw,18px);text-align:center;white-space:nowrap}.hero:after{content:"◇────────◇";display:block;margin-top:11px;color:#c9953c;font-size:11px;text-align:center}.letter,.party-art{display:none}
  .landing:before,.landing:after{content:"";position:absolute;top:53px;width:125px;height:265px;pointer-events:none;background:radial-gradient(ellipse at top,#f9cc6975,transparent 62%);filter:blur(3px);transform:rotate(17deg)}.landing:before{left:-48px}.landing:after{right:-48px;transform:rotate(-17deg)}
  .entry-shell{min-height:0;display:grid;grid-template-rows:minmax(0,.88fr) minmax(0,1.12fr);padding:8px 12px;border:1px solid #ae8248;border-radius:24px;background:linear-gradient(145deg,#181d29ed,#090c15f5);box-shadow:inset 0 0 0 2px #f1cf7840,inset 0 0 28px #000,0 8px 30px #0009;overflow:hidden}.entry-shell>.entry-card{margin:0;min-height:0;padding:7px 0;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;justify-content:center}.entry-shell>.create-card{border-bottom:1px solid #8d6d3d}.entry-card+.entry-card{margin-right:0}.entry-card{gap:5px}.entry-title{display:flex;flex-direction:row;justify-content:center;gap:9px;margin:0 0 4px;align-items:center}.entry-title h3{margin:0;color:#f8d57d;font-size:clamp(15px,4.3vw,21px);white-space:nowrap}.round-icon{position:relative;width:39px;height:42px;flex:0 0 39px;border:0;display:block;color:#ffe083;background:linear-gradient(145deg,#b83a47 0%,#7d1f2d 48%,#3d0d18 100%);clip-path:polygon(50% 0,94% 20%,94% 77%,50% 100%,6% 77%,6% 20%);filter:drop-shadow(0 2px 0 #4a260e) drop-shadow(0 0 5px #e6b84b45)}.round-icon.crown:before,.round-icon.crown:after{content:"";position:absolute;z-index:2;left:50%;top:50%;border-radius:3px;background:linear-gradient(#fff0ad,#d8a739);box-shadow:0 1px 0 #6e4214,0 0 5px #ffd86a66;transform:translate(-50%,-50%)}.round-icon.crown:before{width:20px;height:5px}.round-icon.crown:after{width:5px;height:20px}.round-icon.people{display:grid;place-items:center;background:linear-gradient(#5b237f,#25103c);color:#f8da78}
  .field{height:45px;min-height:45px;margin:0 0 7px;padding:0 10px;border:1px solid #c49348;border-radius:11px;background:#090c15;color:#fff}.join-card .field{border-color:#825187}.field input{width:100%;color:#fff;background:transparent;font-size:16px;text-align:right}.field input::placeholder{color:#858694}.field span{color:#d8b461}.primary{height:48px;min-height:48px;padding:0 7px;border:1px solid #f0cf78;border-radius:11px;background:linear-gradient(#f8d477,#b77824);color:#1c1308;font-size:clamp(17px,4.6vw,23px);font-weight:900;box-shadow:inset 0 1px #fff8,0 4px 10px #0008}.join-button{background:linear-gradient(#6f2793,#30104e);color:#f9dea0;border-color:#a25c9d}.primary span{display:none}
  .facts{grid-column:1/-1;display:flex;min-height:0;height:39px;align-items:center;justify-content:center;gap:8px;padding:5px;border:1px solid #9e7846;border-radius:13px;background:#0d111ce8;color:#e7d19a;font-size:clamp(9px,2.5vw,12px)}.facts i{width:4px;height:4px;background:var(--gold)}#entryNotice{position:absolute;bottom:43px;left:8px;right:8px;color:#ffb9a1;text-align:center;font-size:11px}
  .keyboard-open .landing{grid-template-rows:45px 0 minmax(0,1fr) 0}.keyboard-open .hero,.keyboard-open .facts{visibility:hidden}.keyboard-open .entry-shell{padding-top:4px;padding-bottom:4px}

  /* Lobby uses the viewport directly; never scale it. */
  body:has(#game:not([hidden])) main{padding:0;background:#070910}#game:not([hidden]){position:relative;z-index:1;width:100%;height:100dvh;min-width:0;min-height:0;display:grid;grid-template-rows:112px 62px 18px 1fr;gap:0;overflow:hidden;background:radial-gradient(circle at 50% 0,#272e43 0,#0b0e17 38%,#070910 100%);transform:none!important}
  .game-brand{position:relative;height:112px;min-height:0;margin:0;padding:14px 0 0;display:flex;align-items:flex-start;justify-content:center;border:0;border-radius:0;background:radial-gradient(ellipse at 50% -20%,#9b754042,transparent 55%);overflow:hidden}.header-swoosh{display:none}.game-brand:before,.game-brand:after{content:"";display:block;position:absolute;top:0;width:34%;height:100%;background:linear-gradient(110deg,transparent 46%,#e03b4935 48%,transparent 51%)}.game-brand:before{left:0}.game-brand:after{right:0;transform:scaleX(-1);background:linear-gradient(110deg,transparent 46%,#3c46d83d 48%,transparent 51%)}
  .game-logo{display:flex;flex-direction:column;align-items:center;line-height:.88;margin:0;color:#f7d77f;text-shadow:0 2px #6d4513,0 0 13px #e1a63744;transform:none}.game-logo span,.game-logo b{color:#f7d77f;-webkit-text-stroke:0;text-shadow:0 2px #6d4513,0 0 13px #e1a63744;font-size:34px;line-height:34px}.game-logo b{font-size:37px}
  .gear-button,.player-capacity{position:absolute!important;top:20px!important;width:43px!important;height:43px!important;border:1px solid #a78349!important;border-radius:50%!important;background:#121725!important;color:#f4d173!important;box-shadow:0 3px 12px #0008!important;z-index:4!important;padding:0!important}.gear-button{left:16px!important;display:grid!important;place-items:center!important}.gear-button svg{width:22px;fill:#f4d173}.player-capacity{right:16px!important;display:grid!important;place-content:center!important;grid-template-columns:auto auto!important;grid-template-rows:17px 10px!important;direction:ltr!important}.player-capacity i{grid-column:1/-1;font-size:14px;line-height:15px}.player-capacity b,.player-capacity em{font-size:9px;font-style:normal;line-height:9px}.game-brand #gameConnection{display:none}
  #game>.top{position:relative;z-index:4;width:calc(100% - 24px);height:62px;margin:0 12px;padding:0;border:1px solid #a98349;border-radius:14px;background:#111623;box-shadow:0 5px 18px #0008;overflow:visible}#game>.top:before,#game>.top:after{display:none}.room-data,.round-data{position:absolute;top:0;width:27%;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#d2c295;font-size:9px}.room-data{left:0;border-right:1px solid #8f75425c}.round-data{right:0;border-left:1px solid #8f75425c}.room-data div{display:flex;align-items:center;gap:3px;direction:ltr}.room-data strong,.round-data strong{color:#f6d477;font-size:14px}.copy-code{width:17px!important;height:17px!important;padding:0!important;background:transparent!important;color:#f6d477!important;font-size:11px!important}
  .score{position:absolute;inset:0;direction:ltr;pointer-events:none}.score .blue,.score .red{position:absolute;top:17px;font-size:25px;line-height:28px}.score .blue{left:31%;color:#438cff}.score .red{right:31%;color:#ef4e56}.versus{position:absolute;left:50%;top:31px;width:72px;height:72px;transform:translate(-50%,-50%);display:grid;place-items:center;border:6px solid #d0a64e;border-radius:50%;background:#111725;box-shadow:inset 0 0 0 4px #080b12,0 3px 10px #000;overflow:visible}.versus:before{content:"";position:absolute;top:-16px;width:29px;height:12px;border-radius:4px;background:#d0a64e}.versus:after{content:"";position:absolute;right:-9px;top:4px;width:10px;height:18px;border-radius:3px;background:#d0a64e;transform:rotate(-35deg)}.versus i{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#f3c650 0 50%,#f8e8b7 50%);color:#0d1322;font-size:19px;font-weight:900;font-style:normal;box-shadow:inset 0 0 0 3px #111725}#timer,.bolt{display:none}#game>.notice{height:18px;min-height:18px;line-height:18px;text-align:center;color:#efc76f;font-size:9px;overflow:hidden}

  #lobby{width:100%;height:auto;min-height:0;margin:0;padding:5px 12px calc(env(safe-area-inset-bottom,0px) + 7px);display:grid;grid-template-rows:50px 1fr 1fr 52px 34px;gap:6px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}.arena-title{display:flex;flex-direction:column;align-items:center;justify-content:center}.arena-title h2{margin:0;color:#f5d375;font-size:clamp(25px,7.4vw,34px);line-height:32px;text-shadow:0 2px #503514}.arena-title h2:before,.arena-title h2:after{content:"◇";color:#bd8a3c;font-size:10px;margin:0 9px}.arena-title p{margin:2px 0 0;color:#c7c2b7;font-size:clamp(8px,2.3vw,11px)}.teams{display:contents}
  .team-card{position:relative;width:100%;height:auto;min-height:0;padding:7px 10px;display:grid;grid-template-rows:31px 1fr 40px;gap:4px;border-radius:17px;background:linear-gradient(120deg,#151a27,#0c101a);box-shadow:inset 0 0 20px #0007,0 4px 13px #0006;overflow:hidden}.red-team{border:2px solid #e33b42!important}.blue-team{border:2px solid #2978df!important}.team-head{display:flex;align-items:center;gap:7px}.team-head>div{line-height:1}.team-head small{font-size:7px;color:#ddd}.team-head h3{margin:0;font-size:21px;font-weight:900}.red-team h3{color:#ff646a}.blue-team h3{color:#64a5ff}.team-shield{width:31px;height:31px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 18%,92% 78%,50% 100%,8% 78%,0 18%);color:#fff}.red-team .team-shield{background:#bd2730}.blue-team .team-shield{background:#216dc5}.team-count{margin-right:auto;padding:5px 9px;border-radius:999px;color:#fff;font-size:10px;font-weight:900;direction:ltr}.red-team .team-count{background:#bd2730}.blue-team .team-count{background:#216dc5}
  .player-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;align-items:center;direction:ltr}.player-slot{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.player-slot .avatar{position:relative;width:clamp(35px,10vw,47px);height:clamp(35px,10vw,47px);display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;background:#0b0e16;overflow:hidden}.player-slot .avatar img{width:100%;height:100%;object-fit:cover}.blue-team .player-slot .avatar img{filter:hue-rotate(105deg)}.player-slot .avatar b{display:none}.red-team .player-slot{color:#e34850}.blue-team .player-slot{color:#3487e6}.player-slot small{max-width:52px;color:#e9e0ce;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-slot.empty .avatar{border-color:#3d4350;background:#171b25}.player-slot.empty .avatar i{position:relative;width:16px;height:12px;border-radius:50%;background:#555c68}.player-slot.empty .avatar i:before{content:"";position:absolute;left:2px;top:-11px;width:12px;height:12px;border-radius:50%;background:#555c68}.host-crown,.speaker-mark{position:absolute;top:-2px;font-style:normal;font-size:9px;z-index:2}.host-crown{right:0}.speaker-mark{left:0}
  .team-controls{display:grid;grid-template-columns:1fr 1.12fr;gap:8px;direction:ltr}.team-controls button{height:40px!important;min-height:40px!important;padding:3px 5px!important;border-radius:10px!important;font-size:clamp(10px,3vw,13px)!important}.explainer-select{border:1px solid #8d754c!important;background:#0b0e16!important;color:#f2ddaa!important}.red-team .join-team{background:linear-gradient(#e84a50,#a91e27)!important}.blue-team .join-team{background:linear-gradient(#388ce7,#1759aa)!important}
  #lobby>.actions{display:block;margin:0}#lobby>.actions #start{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:11px;padding:3px;border:1px solid #ffe08b;border-radius:14px;background:linear-gradient(#f5d271,#a96c19);color:#171006;font-size:clamp(22px,6.4vw,30px);font-weight:900;box-shadow:inset 0 1px #fff8,0 5px 12px #0008}#start span{font-size:20px}.game-rules{width:100%;height:34px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center;color:#cdbf9d;font-size:7px;line-height:1.1}.game-rules span+span{border-right:1px solid #8d764c66}.game-rules small{font-size:6px}
  .settings-panel{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#02040acd;backdrop-filter:blur(8px)}.settings-sheet{position:relative;width:min(100%,360px);padding:24px 17px 18px;border:1px solid #bf934f;border-radius:24px;background:linear-gradient(155deg,#181d2b,#080b13 72%);box-shadow:inset 0 0 0 2px #f6d37a24,inset 0 0 34px #000,0 20px 60px #000}.settings-close{position:absolute;top:10px;left:12px;width:34px;height:34px;padding:0;border:1px solid #7c6848;border-radius:50%;background:#0d111b;color:#e8d49d;font-size:25px;line-height:30px}.settings-emblem{width:54px;height:54px;margin:auto;display:grid;place-items:center;border:2px solid #d0a653;clip-path:polygon(50% 0,93% 20%,93% 78%,50% 100%,7% 78%,7% 20%);background:linear-gradient(#7e2f36,#36121b);color:#ffe18a;font-size:25px}.settings-sheet h2{margin:12px 0 2px;text-align:center;color:#f9d77e;font-size:26px}.settings-sheet>p{margin:0 0 17px;text-align:center;color:#aaa79f;font-size:12px}.settings-action{width:100%;min-height:70px;margin:0 0 11px;padding:10px 13px;display:flex;align-items:center;gap:12px;text-align:right;border-radius:14px;background:#0b0f19;color:#f5dfaa}.settings-action b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:22px}.settings-action span{display:flex;flex-direction:column;gap:2px}.settings-action strong{font-size:17px}.settings-action small{color:#a8a8ad;font-size:10px}.home-action{border:1px solid #c99d55}.home-action b{background:#5c431d;color:#ffe29a}.leave-action{border:1px solid #9a3e48}.leave-action b{background:#69202a;color:#ffc5c9}.leave-confirm{margin-top:5px;padding:13px;border:1px solid #8f3843;border-radius:13px;background:#2a0d13;text-align:center;color:#ffd7d8}.leave-confirm>strong{display:block;margin-bottom:11px;font-size:13px}.leave-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.leave-confirm button{height:40px;border-radius:9px;border:1px solid #876b43;background:#111621;color:#e8d7ae}.leave-confirm #leaveRoom{border-color:#d34b55;background:#a72430;color:#fff}.settings-notice{min-height:18px;margin-top:6px;text-align:center;color:#ffaaa9;font-size:11px}.exit-screen{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 25%,#20283e,#070910 55%);color:#f8d57d;text-align:center}.exit-screen>div{width:min(100%,330px);padding:32px 20px;border:1px solid #b68a49;border-radius:24px;background:#0d111b;box-shadow:inset 0 0 28px #000,0 15px 40px #000}.exit-screen span{width:62px;height:62px;margin:auto;display:grid;place-items:center;border:2px solid #51b56e;border-radius:50%;background:#0d2d18;color:#78e08e;font-size:31px}.exit-screen h2{margin:17px 0 5px;font-size:27px}.exit-screen p{margin:0;color:#b9b3a6;font-size:13px}.settings-panel[hidden],.exit-screen[hidden],.resume-room[hidden]{display:none!important}
  #boardArea,#resultArea{height:calc(100dvh - 192px);margin:0 10px;padding:12px;overflow:auto;background:#111522;color:#fff;border:1px solid #b98c46}
}

@media (max-width:360px),(max-height:690px){
  .landing{grid-template-rows:70px 96px minmax(0,1fr) 34px}.brand h1{font-size:29px}.hero{padding-top:9px}.hero h2{font-size:28px}.hero p{font-size:12px}.entry-title h3{font-size:14px}.round-icon{width:34px;height:34px}.field{height:39px;min-height:39px}.primary{height:42px;min-height:42px;font-size:16px}
  #game:not([hidden]){grid-template-rows:96px 56px 16px 1fr}.game-brand{height:96px;padding-top:10px}.game-logo span,.game-logo b{font-size:29px;line-height:29px}.game-logo b{font-size:31px}.gear-button,.player-capacity{top:14px!important;width:38px!important;height:38px!important}#game>.top{height:56px}.room-data,.round-data{height:54px}.score .blue,.score .red{top:14px}.versus{top:28px;width:64px;height:64px}.versus i{width:44px;height:44px}.versus:before{top:-14px}
  #lobby{grid-template-rows:42px 1fr 1fr 46px 29px;gap:4px;padding-top:2px}.arena-title h2{font-size:24px}.team-card{grid-template-rows:28px 1fr 35px;padding:5px 8px}.team-controls button{height:35px!important;min-height:35px!important}.player-slot .avatar{width:34px;height:34px}#lobby>.actions #start{height:46px;font-size:22px}.game-rules{height:29px}
}