@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#131b23;--panel:#1c2730;--line:#34414a;--ink:#f2f0e8;--muted:#94a2ab;--orange:#ff9466;--mint:#b6d8b3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button:disabled{cursor:default;opacity:.45}button,a{-webkit-tap-highlight-color:transparent}header{height:88px;max-width:1360px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:700 33px 'Space Grotesk',sans-serif;letter-spacing:-2px;color:var(--ink);text-decoration:none;display:flex;gap:15px;align-items:center}.logo span{font:500 9px 'DM Sans',sans-serif;letter-spacing:2px;padding-left:15px;border-left:1px solid #66717a}.header-note{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.header-note i,.live-dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%}.quiet{background:transparent;border:1px solid var(--line);border-radius:7px;padding:10px 14px;font-size:11px}.quiet:hover{background:#ffffff0b}main{max-width:1280px;margin:auto;padding:44px 40px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px}.eyebrow{color:var(--orange);font-size:9px;font-weight:700;letter-spacing:2px}h1{font:500 clamp(42px,5vw,68px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:18px 0}h1 span{color:var(--orange)}.intro p{color:var(--muted);font-size:13px}.record{border:1px solid var(--line);border-radius:12px;padding:22px 27px;transform:rotate(3deg);background:#1b252d;display:flex;flex-direction:column}.record>span{font-size:8px;letter-spacing:1.5px}.record strong{font:500 49px 'Space Grotesk',sans-serif;color:var(--mint);margin:6px 0}.record small{font-size:9px;color:var(--muted);letter-spacing:2px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2{font-size:15px;font-weight:500;margin:0;display:flex;gap:13px;align-items:center}.section-title h2>span{color:var(--orange)}.section-title>span{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.person-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;text-align:left;overflow:hidden;position:relative;padding:0;transition:transform .15s,border-color .15s}.person-card:hover{transform:translateY(-3px);border-color:#8a9a9c}.person-card.selected{border:2px solid var(--orange)}.portrait-scene{height:125px;position:relative;overflow:hidden;background:var(--color)}.portrait-scene:before{content:'';position:absolute;width:125px;height:125px;border:1px solid #ffffff35;border-radius:50%;left:calc(50% - 62px);top:20px}.portrait-scene:after{content:'✳';position:absolute;right:20px;top:10px;font-size:24px;color:#ffffff50}.portrait-scene svg{height:145px;width:160px;position:absolute;left:calc(50% - 80px);bottom:-9px}.card-number{position:absolute;left:15px;top:14px;font:9px 'Space Grotesk',sans-serif;color:#fff9}.check{position:absolute;right:13px;bottom:10px;width:22px;height:22px;background:var(--orange);color:#1c2730;display:none;place-items:center;border-radius:50%}.selected .check{display:grid}.person-info{padding:16px 18px 18px}.person-info>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.person-info h3{font:500 21px 'Space Grotesk',sans-serif;margin:0}.tag{font-size:7px;font-weight:600;letter-spacing:1px;border:1px solid #69777c;padding:4px 6px;border-radius:4px;color:#c6d0d1}.person-info p{font-size:11px;line-height:1.65;color:var(--muted);margin:9px 0 0}.start-row{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.start-row p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.start-row b{color:var(--ink);font-weight:500}.primary{display:flex;justify-content:space-between;align-items:center;gap:35px;background:var(--orange);color:#1c252a;border:0;border-radius:7px;padding:16px 23px;font-weight:700;font-size:13px}.primary:hover{background:#ffae86}.rules{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:30px 0 15px}.rules>div{position:relative;padding-left:34px}.rules>div>span{position:absolute;left:0;top:3px;color:var(--orange);font-size:9px}.rules h3{font-size:12px;margin:0 0 8px}.rules p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}footer{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:8px;color:#7c8e99;letter-spacing:1px}footer b{font-size:23px;color:var(--orange);margin-left:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 20px;margin-bottom:27px}.on-duty{display:flex;align-items:center;gap:9px}.on-duty svg{width:48px;height:48px;background:#40514c;border-radius:50%}.on-duty div,.stat{display:flex;flex-direction:column;gap:5px}.toolbar small{font-size:8px;color:var(--muted);letter-spacing:1px}.stat b{font:500 23px 'Space Grotesk',sans-serif}.rivals{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rival{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.rival .portrait-scene{height:115px}.rival .person-info{padding:15px}.progress-row{display:flex;justify-content:space-between;font-size:10px;margin:18px 0 8px}.progress-row span{color:var(--muted)}.meter{height:7px;background:#0e171f;border-radius:5px;overflow:hidden}.meter>div{height:100%;width:0;background:var(--mint);transition:width .1s linear}.rival.danger{border-color:#ff876a}.rival.danger .meter>div{background:#ff795e}.rival.warning .meter>div{background:#eccb7d}.intervene{margin-top:17px;background:#ffffff08;border:1px solid #67777f;border-radius:6px;width:100%;padding:11px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.intervene:hover{background:var(--orange);color:var(--bg);border-color:var(--orange)}.hint{color:var(--muted);font-size:11px;text-align:center;padding:10px}.overlay{position:fixed;inset:0;background:#080f17cf;backdrop-filter:blur(8px);z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}#pause-overlay{z-index:12}#over-overlay{z-index:15}.modal{width:490px;max-width:100%;max-height:calc(100dvh - 40px);overflow:auto;background:#202c35;border:1px solid #52616a;border-radius:17px;padding:30px;box-shadow:0 20px 100px #0005}.modal h2{font:500 33px/1.12 'Space Grotesk',sans-serif;letter-spacing:-1px;margin:18px 0 12px}.modal>p{font-size:12px;line-height:1.7;color:var(--muted)}.modal>.primary{width:100%;margin-top:22px}.modal-top{display:flex;align-items:center;justify-content:space-between}.modal-top .quiet{padding:6px 10px}.danger-strip{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding-top:16px;margin-top:20px;font-size:8px;letter-spacing:.5px;color:var(--muted)}.danger-strip b{color:var(--orange);font-size:10px}#mini-content{margin-top:22px}#mini-feedback{font-size:12px;min-height:20px;color:var(--orange);margin-top:15px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-button{border:1px solid #667b83;background:#2c3c46;border-radius:8px;padding:15px 10px;font-size:14px;min-height:50px}.mini-button:hover{border-color:var(--orange);background:#374a53}.mini-button.done{background:#4f725f;border-color:var(--mint)}.sequence{display:flex;gap:9px;justify-content:center;min-height:74px;align-items:center;margin-bottom:18px}.sequence span{display:grid;place-items:center;background:#34454f;width:48px;height:54px;font-size:24px;border-radius:7px}.smoke-field{height:235px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:linear-gradient(110deg,#253c41,#465454)}.cloud{position:absolute;transform:translate(-50%,-50%);border:0;background:#d0d9d0;border-radius:45%;width:64px;height:48px;color:#33464b;font-size:22px;touch-action:manipulation}.cloud:before{content:'';position:absolute;top:-9px;left:18px;width:32px;height:25px;background:inherit;border-radius:50%;z-index:-1}.flag{width:160px;height:96px;margin:0 auto 20px;border:1px solid #ffffff4d;border-radius:4px;overflow:hidden;position:relative}.flag.de{background:linear-gradient(#161616 33.33%,#d84646 33.33%,#d84646 66.66%,#efc944 66.66%)}.flag.fr{background:linear-gradient(90deg,#3155a0 33.33%,white 33.33%,white 66.66%,#df4949 66.66%)}.flag.it{background:linear-gradient(90deg,#34885d 33.33%,white 33.33%,white 66.66%,#da4949 66.66%)}.flag.jp{background:white}.flag.jp:after{content:'';position:absolute;width:48px;height:48px;border-radius:50%;background:#bf3049;left:55px;top:23px}.flag.se{background:#2873a7}.flag.se:before{content:'';position:absolute;background:#f1ce4b;left:46px;top:0;width:19px;height:100%}.flag.se:after{content:'';position:absolute;background:#f1ce4b;left:0;top:38px;width:100%;height:19px}.flag.at{background:linear-gradient(#d84646 33.33%,white 33.33%,white 66.66%,#d84646 66.66%)}.form-label{text-align:center;color:var(--muted);font-size:10px;letter-spacing:2px}.cat-field{height:235px;background:#15242d;border:1px solid var(--line);position:relative;border-radius:10px;overflow:hidden}.cat-lane{position:absolute;top:0;bottom:0;width:33.333%;border-right:1px dashed #46545a}.falling-cat{position:absolute;font-size:33px;transform:translate(-50%,-50%)}.tray{position:absolute;bottom:10px;width:29%;height:27px;background:#b6d8b3;border:4px solid #7ba990;border-radius:4px 4px 12px 12px;transition:left .07s}.cat-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.gameover{text-align:center}.gameover .primary{display:block}.gameover>.quiet{margin-top:14px}.gameover svg{width:120px;height:120px;margin:16px auto -10px;border-radius:50%;background:#46504c}.result-stats{display:flex;justify-content:space-around;padding:20px 0;border-block:1px solid var(--line);margin-top:22px}.result-stats div{display:flex;flex-direction:column;gap:8px}.result-stats small{font-size:8px;letter-spacing:1px;color:var(--muted)}.result-stats b{font:500 25px 'Space Grotesk',sans-serif}#record-note{color:var(--mint)}.hidden{display:none!important}@media(max-width:850px){main{padding:30px 24px 0}header{padding:0 24px}.header-note{display:none}.roster,.rivals{grid-template-columns:repeat(2,1fr)}.rules{gap:20px}.record{padding:17px}.intro{gap:20px}.intro p{max-width:350px;line-height:1.7}}@media(max-width:540px){header{height:72px;padding:0 20px}main{padding:26px 20px 0}.logo{font-size:28px}.logo span{font-size:7px}.intro{align-items:flex-start;gap:10px;margin-bottom:26px}h1{font-size:41px;letter-spacing:-2px}.eyebrow{font-size:7px;letter-spacing:1px}.intro p{font-size:11px}.record{padding:13px 11px;min-width:90px;margin-top:32px}.record>span{font-size:6px;letter-spacing:.6px}.record strong{font-size:31px}.record small{font-size:7px}.section-title>span{display:none}.section-title h2{font-size:13px}.roster,.rivals{gap:10px}.portrait-scene{height:110px}.portrait-scene svg{height:125px}.person-info{padding:12px}.person-info>div{flex-wrap:wrap}.person-info h3{font-size:20px}.person-info p{font-size:10px}.tag{font-size:6px;letter-spacing:.6px}.start-row{align-items:stretch;flex-direction:column;gap:16px}.rules{grid-template-columns:1fr;gap:22px}.rules p{font-size:11px}.toolbar{flex-wrap:wrap;padding:13px;gap:12px}.on-duty{width:calc(100% - 90px);order:0}.toolbar>.quiet{order:1}.stat{order:2;flex:1}.stat b{font-size:20px}.rival .person-info{padding:10px}.rival .portrait-scene{height:95px}.progress-row{font-size:8px}.rival .tag{display:none}.intervene{padding:10px 8px;font-size:10px}.modal{padding:22px}.modal h2{font-size:29px}.modal>p{font-size:11px}.danger-strip{flex-direction:column;gap:8px}.mini-button{font-size:12px}.rules{margin-top:12px}footer{font-size:6px;letter-spacing:.4px;gap:15px}footer b{margin-left:5px}.result-stats b{font-size:22px}}
.person-card{display:flex;flex-direction:column}.person-card .portrait-scene{width:100%;flex-shrink:0}.person-card .person-info{width:100%}