@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#f9f7e9;background:#171915;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 50% -15%,#333923 0,#171915 49%);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{cursor:default}a{color:inherit}.app{max-width:1300px;min-height:100svh;margin:auto;padding:0 28px;display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #424638;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;font-weight:900;letter-spacing:.01em;line-height:.75}.brand-mark{display:grid;place-items:center;position:relative;width:37px;height:37px;border-radius:9px;background:#f9cf38;color:#1b1d16;font-size:28px;transform:rotate(-8deg);box-shadow:3px 3px 0 #775713}.brand-mark span{position:absolute;font-size:11px;right:2px;bottom:3px}.brand-sub{display:block;font-family:'DM Sans',Arial,sans-serif;letter-spacing:.22em;font-size:8px;font-weight:800;margin-top:7px}.top-actions{display:flex;align-items:center;gap:9px}.top-label{font-size:10px;font-weight:800;letter-spacing:.2em;color:#999d8e;margin-right:15px}.icon-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid #5e6353;border-radius:9px;color:#f9cf38;background:#282c23;font-size:20px;font-weight:800}.icon-button:hover{background:#404532}.game-shell{flex:1;display:flex;flex-direction:column;padding:18px 0 0}.hud{display:grid;grid-template-columns:1.45fr .85fr .85fr .75fr;gap:10px;position:relative;z-index:2}.hud-card{height:76px;background:#252820;border:1px solid #424639;border-radius:12px;display:flex;align-items:center;gap:12px;padding:12px 16px;position:relative;overflow:hidden}.hud-card small,.result-grid small,.result-big small{display:block;color:#9b9f90;font-size:9px;font-weight:800;letter-spacing:.18em}.hud-card strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:31px;line-height:1.05;letter-spacing:.015em;margin-top:3px;white-space:nowrap}.hud-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:11px;background:#403c22;color:#f9cf38;font-size:27px;font-weight:900}.vault-card .hud-icon{font-size:25px}.vault-meter{position:absolute;left:0;bottom:0;height:4px;width:100%;background:#554c24}.vault-meter span{display:block;width:100%;height:100%;background:#ffd13b;transition:width .3s}.timer-card strong{color:#ffdf71}.combo-card strong{color:#fbcf37}.arena-wrap{position:relative;margin:13px 0 0;flex:1;min-height:500px;border:3px solid #b97b36;border-radius:17px;background:#ec9a42;overflow:hidden;box-shadow:inset 0 0 0 3px #e8a85e,0 14px 0 #10120e}.arena-wrap:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;background:repeating-linear-gradient(171deg,transparent 0 90px,#cc8039 91px 94px,transparent 95px 160px);mask-image:radial-gradient(ellipse at center,transparent 15%,#000 100%)}.arena-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#c47d39 1.2px,transparent 1.2px);background-size:43px 39px;opacity:.5}.arena-heading{position:relative;z-index:2;height:46px;display:flex;align-items:center;gap:8px;padding:0 22px;color:#5c3719;font-size:10px;font-weight:900;letter-spacing:.17em}.arena-heading-right{margin-left:auto}.live-dot{width:8px;height:8px;background:#27251d;border-radius:50%;box-shadow:0 0 0 4px #e7b476}.board{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:min(100%,740px);height:calc(100% - 83px);min-height:415px;margin:auto;padding:0 14px 0;gap:0 17px}.hole{position:relative;min-width:0;min-height:0;border:0;background:none;touch-action:manipulation;user-select:none;outline-offset:-8px}.hole:focus-visible{outline:3px solid #29251d}.hole-number{position:absolute;top:12%;left:11%;font:800 12px 'DM Sans',sans-serif;color:#985d2e;opacity:.58}.hole-back{position:absolute;left:10%;right:10%;bottom:6%;height:39%;border-radius:50%;background:#a35e2b;box-shadow:inset 0 9px 3px #ce7c33,0 5px 0 #d18435}.hole-pit{position:absolute;left:13%;right:13%;bottom:3%;height:32%;background:#4b2e25;border-radius:50%;box-shadow:inset 0 11px 5px #221d1c,0 5px 0 #bf7430}.hole-front{position:absolute;left:8%;right:8%;bottom:-1%;height:20%;border-radius:50%;background:#c47a36;box-shadow:0 -5px 0 #dc8940,inset 0 -7px 0 #a7622b;z-index:5}.hole-front:after{content:"";position:absolute;top:8px;left:18%;right:15%;border-top:3px dotted #a76631;opacity:.7}.character{position:absolute;z-index:4;left:50%;bottom:13%;width:60%;height:78%;transform:translate(-50%,100%) scale(.86);opacity:0;transition:transform .2s cubic-bezier(.2,1.4,.5,1),opacity .12s;pointer-events:none}.hole.active .character{transform:translate(-50%,0) scale(1);opacity:1}.hole.telegraph .hole-pit{box-shadow:inset 0 11px 5px #221d1c,0 0 0 8px #ffd65488;animation:warn .25s ease infinite alternate}.hole.active:hover .character{filter:brightness(1.08)}.hole.hit .character{transform:translate(-50%,85%) scale(1.35,.55) rotate(-13deg);opacity:0;transition:transform .28s,opacity .26s}.hole.escape .character{transform:translate(-20%,-27%) rotate(17deg);opacity:0;transition:transform .35s,opacity .35s}.hacker-body,.whale-body{position:absolute;left:5%;right:5%;bottom:0;height:55%;border-radius:45% 45% 22% 22%;background:#24282b;border:5px solid #17191b;box-shadow:inset 8px 0 #3b4244}.hacker-head{position:absolute;left:13%;right:13%;top:2%;height:69%;border-radius:48% 48% 34% 34%;background:#262b2e;border:5px solid #16191a;box-shadow:inset 9px 2px #3e4546}.hacker-face{position:absolute;left:17%;right:17%;top:24%;height:64%;border-radius:44% 44% 45% 45%;background:#e3a267;border:3px solid #181a1b}.hacker-glasses{position:absolute;left:4%;right:4%;top:23%;height:32%;display:flex;gap:3%;justify-content:center}.hacker-glasses i{width:45%;background:#10191a;border:3px solid #111;border-radius:9px;box-shadow:inset 4px 4px #497079}.hacker-glasses:after{content:"";position:absolute;width:15%;height:4px;left:42%;top:38%;background:#111}.hacker-smile{position:absolute;left:34%;bottom:12%;width:36%;height:15%;border-bottom:5px solid #4d231d;border-radius:50%}.hacker-badge{position:absolute;bottom:9%;left:43%;font-size:23px;color:#f5c831;font-weight:900}.whale .whale-body{left:-4%;right:-4%;height:85%;border-radius:48% 48% 33% 33%;background:#292c32;box-shadow:inset 12px 0 #44464d}.whale .hacker-head{left:18%;right:18%;top:11%;height:58%;border:0;background:none;box-shadow:none}.whale .hacker-face{background:#d79562;left:10%;right:10%;top:8%;height:85%}.whale .hacker-glasses i{border-radius:50%}.whale .laptop{position:absolute;left:26%;right:26%;bottom:0;height:28%;border-radius:6px;background:#aeb7b6;border:4px solid #23282b;transform:skew(-7deg);display:grid;place-items:center;color:#333c3b;font-size:17px}.whale .laptop:after{content:"";position:absolute;left:-18%;right:-18%;bottom:-7px;height:7px;border-radius:5px;background:#737e7d}.frog-body{position:absolute;left:5%;right:5%;bottom:0;height:65%;border-radius:47% 47% 38% 38%;background:#72bc49;border:5px solid #355c2a;box-shadow:inset 10px 0 #a4d769}.frog-eye{position:absolute;top:16%;width:27%;height:35%;border-radius:50%;background:#f4f1ce;border:4px solid #355c2a}.frog-eye.left{left:12%}.frog-eye.right{right:12%}.frog-eye:after{content:"";display:block;position:absolute;left:39%;top:34%;width:9px;height:11px;border-radius:50%;background:#1e2821}.frog-mouth{position:absolute;left:26%;right:26%;bottom:19%;height:18%;border-bottom:5px solid #355c2a;border-radius:50%}.frog-star{position:absolute;top:0;right:0;color:#fff6a7;font-size:28px;text-shadow:2px 2px #416e37}.cz-body{position:absolute;left:9%;right:9%;bottom:0;height:48%;border-radius:45% 45% 12% 12%;background:#253638;border:5px solid #162327;box-shadow:inset 9px 0 #4c6564}.cz-body:before{content:"";position:absolute;left:47%;top:1%;width:13%;height:84%;background:#f5c641;transform:skew(-13deg)}.cz-photo{position:absolute;top:4%;left:19%;width:62%;height:65%;object-fit:cover;object-position:50% 18%;border-radius:50%;border:5px solid #f7df8a;box-shadow:0 5px 0 #2e302d;background:#c7a56b}.cz-cup{position:absolute;right:-10%;bottom:14%;font-size:34px;filter:drop-shadow(2px 3px #24302a)}.impact{position:absolute;z-index:8;left:50%;top:24%;transform:translateX(-50%) rotate(-11deg);font:900 clamp(22px,3vw,40px) 'Barlow Condensed',Impact,sans-serif;color:#fff;text-shadow:3px 3px #24221b,-2px -2px #24221b;pointer-events:none;animation:impact .45s ease both;white-space:nowrap}.impact.loss{color:#ff5855}.impact.bonus{color:#e3ff8b}.impact.warn{color:#fff0a2}.arena-bottom{position:absolute;z-index:8;bottom:9px;left:0;right:0;display:flex;justify-content:center;gap:22px;color:#5f391b;font-size:10px;font-weight:700;letter-spacing:.05em}.arena-bottom b{color:#38271d}.rock{position:absolute;width:72px;height:55px;background:#a96a3d;clip-path:polygon(9% 15%,62% 0,100% 40%,85% 90%,27% 100%,0 66%);box-shadow:inset 10px 10px #d49458;opacity:.7}.rock-one{top:13%;left:-21px;transform:rotate(22deg)}.rock-two{right:-22px;top:43%;transform:rotate(-16deg)}.rock-three{bottom:-22px;left:7%;transform:rotate(8deg)}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 4px 12px;color:#c4c9b5;font-size:12px;font-weight:600}.keyboard-tip{font-size:10px;letter-spacing:.15em;color:#8e9284;white-space:nowrap}.site-footer{display:flex;justify-content:space-between;gap:14px;padding:7px 0 18px;color:#777e70;font-size:9px;font-weight:800;letter-spacing:.13em}.text-button{border:0;background:none;color:#d2bd73;text-decoration:underline;text-underline-offset:3px;font-size:10px;font-weight:800;letter-spacing:.08em}.overlay{position:fixed;z-index:20;inset:0;background:#151711c9;display:grid;place-items:center;padding:20px;overflow:auto;backdrop-filter:blur(8px)}.overlay[hidden],.modal[hidden]{display:none!important}.modal{position:relative;width:min(100%,960px);background:#20241d;border:1px solid #5e644e;border-radius:20px;box-shadow:0 25px 80px #0009;overflow:hidden}.landing{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr}.landing-copy{padding:45px 0 32px 45px;position:relative;z-index:2}.eyebrow,.result-eyebrow{color:#f4ca36;font-size:10px;font-weight:900;letter-spacing:.18em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{width:21px;height:2px;background:#f5c935}.landing h1{font:900 clamp(64px,7vw,105px)/.79 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.035em;margin:28px 0 24px;max-width:440px;color:#f9cd35;text-shadow:3px 4px 0 #9b6c1e}.landing h1 span{color:#f8f7e9}.landing h1 .question{color:#f9cd35}.hero-lead{max-width:340px;font-size:16px;line-height:1.55;color:#c8ccbd;margin:0 0 25px}.hero-lead em{color:#fff;font-style:normal;font-weight:800}.hero-cta,.result-actions{display:flex;gap:9px;flex-wrap:wrap}.primary-button,.secondary-button{border-radius:8px;padding:13px 19px;border:2px solid #f6ce39;font-weight:900;font-size:12px;letter-spacing:.07em;min-height:48px}.primary-button{background:#f6ce39;color:#22251c;box-shadow:0 5px 0 #ad8023}.primary-button:hover{background:#ffe278;transform:translateY(-2px)}.primary-button:active{transform:translateY(3px);box-shadow:0 2px 0 #ad8023}.primary-button span,.secondary-button span{margin-left:20px}.secondary-button{color:#f7e7a6;background:#2a2d24;border-color:#696c51}.secondary-button:hover{border-color:#f6ce39}.challenge-message{max-width:370px;margin:15px 0 0;padding:10px;background:#f4ca3624;border-left:3px solid #f4ca36;font-size:12px;font-weight:700}.instructions{margin-top:34px;display:flex;flex-direction:column;gap:10px}.instructions div{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;color:#a9b0a0}.instructions b{color:#f5cb3b;font-family:'Barlow Condensed',Impact,sans-serif;font-size:19px}.landing-art{position:relative;min-height:510px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#f9c85b 0,#ef9e39 62%,#d37d2d 100%)}.landing-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(171deg,transparent 0 82px,#cc813b88 84px 87px,transparent 88px 130px)}.art-glow{position:absolute;width:310px;height:310px;left:16%;top:19%;border:2px solid #ffdf8a;border-radius:50%;box-shadow:0 0 0 28px #ffdc7744,0 0 0 72px #ffdc7722}.poster-stamp{position:absolute;z-index:4;top:24px;right:27px;width:83px;height:83px;border-radius:50%;background:#252820;color:#f9d44a;display:grid;place-content:center;text-align:center;font:900 44px/.7 'Barlow Condensed',Impact,sans-serif;transform:rotate(14deg);box-shadow:4px 5px 0 #b96a2d}.poster-stamp small{font:900 9px 'DM Sans',sans-serif;letter-spacing:.05em;margin-top:10px}.hero-hacker{position:absolute;width:285px;height:340px;left:19%;top:13%;transform:rotate(-6deg);filter:drop-shadow(12px 18px 0 #874f2580)}.hero-hacker .hood{position:absolute;z-index:2;left:9%;right:9%;top:0;height:73%;border-radius:48% 48% 32% 32%;background:#252b2d;border:8px solid #131716;box-shadow:inset 22px 5px #414a48}.hero-hacker .face{position:absolute;left:20%;right:20%;top:21%;bottom:6%;background:#e6a16d;border:6px solid #151917;border-radius:45%}.hero-hacker .glasses{position:absolute;left:4%;right:4%;top:25%;height:29%;display:flex;gap:4%}.hero-hacker .glasses i{width:48%;background:#111e20;border:6px solid #121716;border-radius:18px;box-shadow:inset 7px 8px #4a6e73}.hero-hacker .mouth{position:absolute;bottom:5%;left:41%;font-size:45px;color:#45231e;line-height:1}.hero-hacker .hoodie{position:absolute;bottom:0;left:0;right:0;height:50%;background:#252b2d;border:8px solid #131716;border-radius:44% 44% 18% 18%;display:grid;place-items:center;padding-top:45px;color:#f5c640;font:900 44px 'Barlow Condensed',Impact,sans-serif}.hero-bubble{position:absolute;z-index:4;left:22px;bottom:27px;border:3px solid #272721;border-radius:13px;background:#f8e9bd;color:#22241e;padding:11px 14px;font:900 22px 'Barlow Condensed',Impact,sans-serif;transform:rotate(-5deg);box-shadow:5px 5px 0 #9c632c}.hero-bubble span{display:block;font:800 8px 'DM Sans',sans-serif;letter-spacing:.06em}.cz-card{position:absolute;z-index:5;right:20px;bottom:72px;display:flex;align-items:center;gap:8px;background:#242820;border:2px solid #f5c83a;border-radius:12px;padding:7px 10px 7px 7px;transform:rotate(7deg);box-shadow:5px 7px 0 #986129}.cz-card img{width:47px;height:47px;border-radius:50%;object-fit:cover;object-position:50% 16%;border:2px solid #f4d268}.cz-card small{display:block;color:#f2cf49;font-size:7px;letter-spacing:.11em;font-weight:900}.cz-card strong{display:block;font:900 17px 'Barlow Condensed',Impact,sans-serif}.art-caption{position:absolute;right:23px;bottom:17px;color:#77431d;font-size:9px;font-weight:900;letter-spacing:.16em}.results{width:min(100%,600px);padding:34px 38px;text-align:center}.results h2,.info-modal h2{font:900 clamp(40px,6vw,64px)/.95 'Barlow Condensed',Impact,sans-serif;margin:10px 0;color:#f5ce3b}.results p{color:#c5c9b9;font-size:13px;line-height:1.45;margin:8px 0 18px}.result-big{padding:15px;background:#303526;border:1px solid #676d43;border-radius:12px}.result-big strong{display:block;font:900 68px/.95 'Barlow Condensed',Impact,sans-serif;color:#fff}.result-big span{display:inline-block;margin-top:7px;color:#1c2619;background:#b8e36f;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:900}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 17px}.result-grid>div{background:#292d24;border:1px solid #454b3b;border-radius:9px;padding:10px 5px}.result-grid strong{display:block;font:900 27px 'Barlow Condensed',Impact,sans-serif;margin-top:3px}.result-actions{justify-content:center}.share-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:18px}.share-actions button{background:none;border:0;color:#eac95e;font-size:10px;font-weight:800;letter-spacing:.06em;text-decoration:underline;text-underline-offset:3px}.result-bottom{margin-top:16px}.info-modal{width:min(100%,510px);padding:35px 38px}.info-modal h2{margin:12px 0 19px}.info-modal h2 span{color:#fff}.info-modal p{color:#bdc3b5;font-size:13px;line-height:1.55}.info-modal p b{color:#fff}.close-button{position:absolute;right:20px;top:15px;width:30px;height:30px;border:1px solid #626852;border-radius:8px;background:#2e3328;color:#fff;font-size:22px;line-height:1}.manual-row{display:flex;align-items:center;gap:13px;border-top:1px solid #43493b;padding:12px 0}.manual-icon{font-size:30px;width:42px;text-align:center}.manual-row b{display:block;font-size:12px}.manual-row small{display:block;color:#aab0a2;font-size:11px;margin-top:3px;line-height:1.4}.small-print{font-size:11px!important;color:#899081!important}.best-number{font:900 95px 'Barlow Condensed',Impact,sans-serif;color:#f7d040;line-height:1}.credit-photo{display:flex;align-items:center;gap:13px;border-top:1px solid #42493b;padding:12px 0;color:#bec4b5;font-size:11px;line-height:1.5}.credit-photo img{width:53px;height:53px;border-radius:50%;object-fit:cover;object-position:50% 15%;flex:none}.credit-photo a{color:#efd268}.vault-card.shake{animation:shake .35s}.timer-card.urgent{border-color:#e96048;background:#452b29}.timer-card.urgent strong{color:#ff8d6e}@keyframes warn{to{transform:scale(1.09)}}@keyframes impact{0%{opacity:0;transform:translate(-50%,15px) scale(.5) rotate(10deg)}30%{opacity:1;transform:translate(-50%,-15px) scale(1.3) rotate(-10deg)}100%{opacity:0;transform:translate(-50%,-38px) scale(1) rotate(-4deg)}}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:760px){.app{padding:0 12px}.topbar{height:62px}.top-label{display:none}.hud{grid-template-columns:1.2fr 1fr;gap:6px}.hud-card{height:57px;padding:7px 10px;gap:7px}.hud-icon{width:31px;height:31px;font-size:20px}.hud-card small{font-size:7px;letter-spacing:.08em}.hud-card strong{font-size:25px}.arena-wrap{min-height:min(57svh,520px);margin-top:8px}.board{height:calc(100% - 77px);min-height:355px;gap:0 1px;padding:0 4px}.arena-heading{height:39px;padding:0 11px;font-size:8px}.arena-heading-right{display:none}.arena-bottom{gap:8px;font-size:8px;bottom:7px}.game-footer{padding:22px 3px 8px;font-size:10px}.keyboard-tip{display:none}.site-footer{font-size:8px;line-height:1.5}.landing{grid-template-columns:1fr;max-width:490px}.landing-copy{padding:30px 25px 26px}.landing h1{font-size:73px;margin:24px 0 18px}.hero-lead{font-size:14px;margin-bottom:18px}.instructions{margin-top:22px}.landing-art{min-height:240px;max-height:240px}.hero-hacker{width:170px;height:200px;left:34%;top:4%}.hero-hacker .glasses i{border-width:4px}.hero-hacker .hoodie{border-width:5px;font-size:26px;padding-top:26px}.hero-hacker .hood{border-width:5px}.hero-hacker .face{border-width:4px}.poster-stamp{top:12px;right:17px;width:57px;height:57px;font-size:31px}.poster-stamp small{font-size:7px;margin-top:6px}.hero-bubble{font-size:16px;bottom:17px;left:10px;padding:7px}.cz-card{right:9px;bottom:39px;padding:5px;gap:5px}.cz-card img{width:34px;height:34px}.cz-card strong{font-size:11px}.cz-card small{font-size:6px}.art-caption{bottom:10px;right:9px;font-size:7px}.overlay{padding:12px}.results{padding:25px 18px}.result-big strong{font-size:58px}.result-grid strong{font-size:24px}.info-modal{padding:30px 24px}}@media(max-width:430px){.arena-wrap{min-height:450px}.board{min-height:370px}.character{width:69%;height:74%}.hole-number{top:7%;left:6%}.arena-bottom{gap:5px;font-size:7px}.landing h1{font-size:63px}.landing-art{min-height:180px;max-height:180px}.hero-hacker{left:37%;top:0;width:145px;height:180px}.cz-card{bottom:22px}.hero-bubble{bottom:15px}.art-caption{display:none}.primary-button,.secondary-button{padding:11px 13px;font-size:11px}.hero-cta .primary-button span,.hero-cta .secondary-button span{margin-left:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.board{touch-action:none}body.modal-open{overflow:hidden}

.results{max-height:calc(100svh - 24px);overflow-y:auto}
.global-board{margin-top:18px;padding:16px;border:1px solid #535b45;border-radius:12px;background:#292f25;text-align:left}
.global-board h3{margin:0 0 8px;color:#f5ce3b;font:900 22px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.04em}
.global-board p{margin:6px 0 10px;font-size:12px}
.global-board ol{margin:0 0 10px;padding-left:24px;max-height:180px;overflow:auto;color:#e6e8d8;font-size:12px}
.global-board li{padding:4px 0;border-bottom:1px solid #3f493a}
.global-board li span{float:right;color:#f5ce3b;font-weight:800}
.global-board form{margin-top:10px}
.global-board label{display:block;margin-bottom:6px;color:#f5ce3b;font-size:10px;font-weight:900;letter-spacing:.12em}
.global-board form div{display:flex;gap:8px}
.global-board input{min-width:0;flex:1;border:1px solid #747d62;border-radius:8px;background:#151b15;color:#fff;padding:11px;font:inherit}
.global-board form button{border:0;border-radius:8px;background:#f5ce3b;color:#20241d;padding:9px 12px;font-size:11px;font-weight:900}
.global-board small{display:block;margin-top:8px;color:#aab2a1;font-size:10px;line-height:1.35}
.scoreboard-modal{max-height:calc(100svh - 24px);overflow-y:auto}
.scoreboard-modal h2{margin-bottom:12px}
.scoreboard-list{min-height:110px;margin:14px 0 16px;padding:0;list-style:none;counter-reset:rank}
.scoreboard-list li{counter-increment:rank;display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #424a3c;color:#f3f3e9;font-size:13px;font-weight:700}
.scoreboard-list li::before{content:counter(rank,decimal-leading-zero);color:#f5ce3b;font:900 19px 'Barlow Condensed',Impact,sans-serif}
.scoreboard-list li span{margin-left:auto;color:#f5ce3b;font:900 22px 'Barlow Condensed',Impact,sans-serif}
.scoreboard-modal .small-print{margin-bottom:16px}
@media(max-width:430px){.global-board form div{flex-direction:column}}

/* Vault terminal art: the arena is a screen, and each target rises from a data port. */
body{background:radial-gradient(circle at 50% -20%,#253840 0,#10171e 54%,#0b1117 100%)}
.topbar{border-bottom-color:#36535b}
.hud-card{background:#17232b;border-color:#3b5860}
.hud-icon{background:#2b3d3e}
.arena-wrap{
  background:#14252e url('assets/server-screen.svg') center/cover no-repeat;
  border:9px solid #384750;
  border-radius:21px;
  box-shadow:inset 0 0 0 3px #83a1a0,inset 0 0 40px #5dd1bd17,0 8px 0 #0a0e13,0 18px 35px #0008;
}
.arena-wrap:before{
  background:repeating-linear-gradient(0deg,transparent 0 5px,#a8e2df08 6px 7px);
  opacity:1;
  mask-image:none;
}
.arena-wrap:after{
  inset:6px;
  border:1px solid #8ac6ba44;
  border-radius:10px;
  background:none;
  opacity:1;
}
.screen-reflection{position:absolute;inset:-25% 38% -25% -13%;transform:rotate(21deg);background:linear-gradient(90deg,transparent,#dbfff006,transparent);pointer-events:none}
.screen-corner{position:absolute;z-index:3;width:13px;height:13px;border:2px solid #94a9a1;border-radius:50%;background:#1a292e;box-shadow:inset 0 0 0 2px #111d22}
.screen-corner.top-left{left:9px;top:9px}.screen-corner.top-right{right:9px;top:9px}.screen-corner.bottom-left{left:9px;bottom:9px}.screen-corner.bottom-right{right:9px;bottom:9px}
.arena-heading{color:#aee5cf;text-shadow:0 1px #0a171b}
.live-dot{background:#7ff8b5;box-shadow:0 0 0 4px #49b58d55,0 0 9px #76ffb1}
.arena-bottom{color:#9dc1b8;text-shadow:0 1px #0b1418}
.arena-bottom b{color:#f3d366}
.hole-number{color:#a5d4cb;opacity:.7;text-shadow:0 0 8px #55d5bf}
.hole-back{left:6%;right:6%;bottom:5%;height:38%;border-radius:16px 16px 10px 10px;background:#344b53;border:3px solid #76949a;box-shadow:inset 0 7px #5d7b7c,0 6px 0 #0b181c}
.hole-pit{left:9%;right:9%;bottom:4%;height:30%;border-radius:12px;background:#061015;border:3px solid #27414a;box-shadow:inset 0 9px 16px #000,0 0 15px #54d5b527}
.hole-front{left:4%;right:4%;bottom:-1%;height:17%;border-radius:10px 10px 17px 17px;background:linear-gradient(#4d6870 0 20%,#263d45 22% 65%,#182d34);border:3px solid #76969a;box-shadow:0 -3px 0 #9ac3b7,inset 0 -5px 0 #101f25,0 7px 0 #0a151a}
.hole-front:after{top:45%;left:12%;right:12%;border-top:2px dashed #7dbbab;opacity:.66}
.hole.telegraph .hole-pit{box-shadow:inset 0 9px 16px #000,0 0 0 5px #f9d45c88,0 0 24px #f9d45c}
.hole.active .hole-back{border-color:#a4d9c6}
.hole:focus-visible{outline-color:#f8d75e}
.cz-body{left:1%;right:1%;height:52%;border-radius:44% 44% 13% 13%;background:#253e49;border-color:#10232b;box-shadow:inset 12px 0 #4c6470,0 5px 0 #0b1820}
.cz-body:before{left:43%;top:0;width:16%;height:85%;background:#f6e8bc;clip-path:polygon(0 0,100% 0,70% 100%,35% 100%);transform:none}
.cz-tie{position:absolute;z-index:2;left:46%;top:15%;width:11%;height:57%;background:#e5b735;clip-path:polygon(20% 0,80% 0,100% 18%,60% 100%,10% 75%,0 18%)}
.cz-arm{position:absolute;right:-10%;top:35%;width:26%;height:30%;background:#2f4a56;border:4px solid #14242d;border-radius:40%;transform:rotate(-24deg)}
.cz-photo{left:9%;top:-3%;width:82%;height:78%;object-position:50% 17%;border:5px solid #f6d86b;box-shadow:0 5px 0 #19303a,0 0 20px #f5cc5a66}
.cz-cup{z-index:3;right:-16%;bottom:10%;font-size:36px}

/* The start poster is another glowing terminal, with a larger CZ face. */
.landing-art{background:#1b323b url('assets/server-screen.svg') center/auto 100% no-repeat}
.landing-art:before{background:linear-gradient(90deg,#16283222,#17323b33),repeating-linear-gradient(0deg,transparent 0 7px,#aaf0d908 8px 9px)}
.art-glow{border-color:#98f0d388;box-shadow:0 0 0 28px #64c6a722,0 0 0 72px #64c6a711}
.hero-hacker{left:8%;top:13%;filter:drop-shadow(12px 18px 0 #07161d88)}
.hero-bubble{left:15px;bottom:24px;box-shadow:5px 5px 0 #0a2025}
.poster-stamp{background:#f4cd47;color:#15232c;box-shadow:4px 5px 0 #0b1c23}
.hero-cz{position:absolute;z-index:5;right:2%;bottom:56px;width:160px;height:213px;filter:drop-shadow(8px 9px 0 #081920aa);transform:rotate(5deg)}
.hero-cz-body{position:absolute;left:0;right:0;bottom:5px;height:100px;background:#27414d;border:6px solid #0e1c24;border-radius:50% 50% 16% 16%;box-shadow:inset 15px 1px #567078}
.hero-cz-body:before{content:"";position:absolute;top:0;left:38%;width:28%;height:90%;background:#f7e5b6;clip-path:polygon(0 0,100% 0,70% 100%,30% 100%)}
.hero-cz-tie{position:absolute;z-index:2;left:47%;top:17%;width:13%;height:62%;background:#e7bd3f;clip-path:polygon(15% 0,85% 0,100% 18%,55% 100%,0 70%,0 18%)}
.hero-cz-cup{position:absolute;z-index:4;right:-12px;bottom:17px;font-size:35px;transform:rotate(-9deg)}
.hero-cz img{position:absolute;left:24px;top:0;width:116px;height:126px;object-fit:cover;object-position:50% 18%;border:6px solid #f4d774;border-radius:48%;background:#d7ae78;box-shadow:0 6px 0 #162d33}
.hero-cz-label{position:absolute;z-index:6;bottom:-6px;left:5px;right:5px;padding:5px 3px;border-radius:5px;background:#f4ce4a;color:#13222b;text-align:center;font:900 11px 'DM Sans',Arial,sans-serif;letter-spacing:.05em;transform:rotate(-4deg)}
.art-caption{color:#a0c9b8}

@media(max-width:760px){
  .arena-wrap{border-width:6px;min-height:min(57svh,520px)}
  .landing-art{background-size:auto 100%}
  .hero-hacker{left:9%;top:1%}
  .hero-cz{width:110px;height:158px;right:5%;bottom:32px}
  .hero-cz-body{height:77px;border-width:4px}
  .hero-cz img{left:18px;width:80px;height:95px;border-width:4px}
  .hero-cz-cup{font-size:26px;right:-8px;bottom:11px}
  .hero-cz-label{font-size:7px;bottom:-4px}
}
@media(max-width:430px){
  .hero-cz{width:93px;height:136px;right:5%;bottom:24px}
  .hero-cz-body{height:65px}
  .hero-cz img{left:14px;width:69px;height:81px}
  .hero-cz-cup{font-size:22px}
  .hero-cz-label{font-size:6px}
  .hero-hacker{left:10%;top:0}
  .hero-bubble{max-width:123px}
  .arena-bottom{font-size:7px}
}

/* The photo is a transparent face cutout layered in front of the drawn jacket. */
.cz-body{z-index:1}
.cz-photo{z-index:4;left:1%;top:-11%;width:98%;height:84%;object-fit:contain;object-position:center;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 4px 0 #10242b) drop-shadow(0 0 8px #f7d86b66)}
.cz-cup{z-index:5}
.hero-cz-body{z-index:1}
.hero-cz img{z-index:4;left:13px;top:-7px;width:138px;height:153px;object-fit:contain;object-position:center;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 6px 0 #162d33)}
.hero-cz-label{z-index:6}
@media(max-width:760px){.hero-cz img{left:7px;top:-5px;width:100px;height:114px}}
@media(max-width:430px){.hero-cz img{left:5px;top:-5px;width:86px;height:98px}}