@font-face{font-family:Proza;src:url(/proza-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proza;src:url(/proza-bold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{color-scheme:dark;color:#e8ded6;background:#0e1013;--card-width: 208px;--card-height: 352px;font-family:Proza,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;min-width:320px;min-height:100vh}button,a{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}a{text-decoration:none}.page-shell{position:relative;min-height:100vh;overflow-x:hidden;padding:20px 32px 32px;background:radial-gradient(circle at 50% 54%,rgba(166,142,125,.08),transparent 35%),radial-gradient(circle at 0% 100%,rgba(124,54,88,.12),transparent 26%),radial-gradient(circle at 100% 100%,rgba(24,96,124,.12),transparent 28%),linear-gradient(180deg,#111317,#0d0f12 58%,#0c0e10)}.page-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:74px 74px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.hero{position:relative;z-index:1;width:calc(100% + 64px);margin:0 -32px 18px}.brand-copy{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:30px;padding-left:28px;white-space:nowrap}.brand-logo{width:30px;height:30px}.hero h1{margin:0;color:#f0e5da;font-size:clamp(18px,2vw,25px);font-weight:700;letter-spacing:0;line-height:1;white-space:nowrap;text-shadow:0 10px 28px rgba(0,0,0,.48)}.hero h1 span:last-child{color:#d8b287;font-weight:800}.hero p{margin:0;padding-left:11px;border-left:1px solid rgba(216,178,135,.18);color:#ded3cb7a;font-size:clamp(10px,.95vw,11px);line-height:1.2}.game-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-width),var(--card-width)));justify-content:center;gap:12px;width:100%;max-width:calc(var(--card-width) * 6 + 12px * 5);margin:0 auto}.game-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:var(--card-width);min-height:var(--card-height);padding:34px 18px 18px;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#1a1c20e6;box-shadow:0 20px 42px #0000005c,inset 0 1px #ffffff0a;transition:border-color .16s ease,box-shadow .16s ease}a.game-card{color:inherit}a.game-card:hover{border-color:#f0dfe557;box-shadow:0 26px 54px #0000006b,inset 0 1px #ffffff0d}.game-card:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 42%)}.kamisado{justify-content:flex-start;background:radial-gradient(circle at 50% 0%,rgba(230,176,199,.12),transparent 58%),#2d1e28;border-color:#e6b0c73d}.kamisado .card-copy h2{color:#f0dfe5}.kamisado .card-copy p{color:#c4acb8}.chung-toi{justify-content:flex-start;background:radial-gradient(circle at 50% 0%,rgba(215,205,188,.08),transparent 56%),#151b19;border-color:#e2d6c233}.chung-toi .card-copy h2{color:#d7cdbc}.chung-toi .card-copy p{color:#b8aa97c7}.make-shift{justify-content:flex-start;background:radial-gradient(circle at 55% 0%,rgba(222,188,142,.12),transparent 56%),#1b120f;border-color:#debc8e3d}.make-shift .card-copy h2{color:#e1d5c3}.make-shift .card-copy p{color:#c5b29ac7}.yavalath{background:radial-gradient(circle at 50% 0%,rgba(58,65,112,.26),transparent 58%),#151720}.gomoku{background:radial-gradient(circle at 50% 0%,rgba(65,82,47,.22),transparent 55%),#151a14}.pylos{background:radial-gradient(circle at 50% 0%,rgba(31,93,116,.22),transparent 58%),#121b20}.placeholder-card{border-style:dashed;border-color:#e8dcd21f;background:radial-gradient(circle at 50% 18%,rgba(232,220,210,.055),transparent 48%),linear-gradient(135deg,rgba(255,255,255,.035),transparent 44%),#16171aad}.card-copy{position:relative;z-index:2;text-align:center}.card-copy h2{margin:0;color:#eaded4;font-size:26px;line-height:1.1}.card-copy p{margin:14px 0 0;color:#e8dcd2ad;font-size:12px;line-height:1.55}.board{position:relative;z-index:2;align-self:center}.kamisado-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(168px,100%);aspect-ratio:1;margin:28px 0 0;border:2px solid #000000;background:#000;box-shadow:0 10px 24px #00000057}.kamisado-board span{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0}.kamisado-board>.brown{background:#5d3a23}.kamisado-board>.green{background:#358462}.kamisado-board>.red{background:#b34f52}.kamisado-board>.yellow{background:#d0ba50}.kamisado-board>.pink{background:#ba6f91}.kamisado-board>.purple{background:#6c548a}.kamisado-board>.blue{background:#3d7fa6}.kamisado-board>.orange{background:#bd703c}.tower{display:grid;place-items:center;width:86%;aspect-ratio:1;border:2px solid;border-radius:999px;background:transparent;box-shadow:0 1px #00000052,0 2px 3px #0000003d}.tower.black{border-color:#050505}.tower.gold{border-color:#f6edda}.tower:before{display:block;width:100%;aspect-ratio:1;content:"";border-radius:inherit;background:var(--tower-fill);box-shadow:inset 0 1px #ffffff1a,inset 0 -2px #0000002e}.tower.brown{--tower-fill: #5d3a23}.tower.green{--tower-fill: #358462}.tower.red{--tower-fill: #b34f52}.tower.yellow{--tower-fill: #d0ba50}.tower.pink{--tower-fill: #ba6f91}.tower.purple{--tower-fill: #6c548a}.tower.blue{--tower-fill: #3d7fa6}.tower.orange{--tower-fill: #bd703c}.chung-board,.grid-board{width:min(150px,80%);aspect-ratio:1;margin:26px 0 20px}.chung-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin:34px 0 0;border:2px solid #8a9287;background:#3b4741;overflow:hidden;box-shadow:0 10px 24px #00000047}.chung-board span{display:grid;place-items:center;min-width:0;min-height:0;border-right:1px solid #8a9287;border-bottom:1px solid #8a9287;background:#3b4741}.chung-board span:nth-child(3n){border-right:0}.chung-board span:nth-child(n+7){border-bottom:0}.chung-board .piece{z-index:3;display:grid;place-items:center;width:92%;aspect-ratio:1;--piece-fill: #efe9dc;--piece-light: #fff8e8;--piece-edge: #cfc3ac;--piece-mark: #222222;--piece-stroke: #121514}.chung-board .piece.red{--piece-fill: #6f9b63;--piece-light: #86ae78;--piece-edge: #4f7547;--piece-mark: #0b1609}.chung-board .piece svg{display:block;width:100%;height:100%;overflow:visible}.chung-board .piece .piece-face,.chung-board .piece .piece-shadow-shape{transform-origin:50px 50px}.chung-board .piece.diagonal .piece-face,.chung-board .piece.diagonal .piece-shadow-shape{transform:rotate(45deg)}.grid-board{border:2px solid rgba(195,213,199,.32);background:linear-gradient(rgba(213,232,219,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(213,232,219,.18) 1px,transparent 1px);background-size:33.333% 33.333%}.shift-board{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:0;width:min(152px,82%);aspect-ratio:1;margin:34px 0 0;padding:0;border:2px solid #8f704d;background:#33241d;overflow:hidden;box-shadow:0 10px 24px #0000004d}.shift-board span{display:grid;place-items:center;min-width:0;min-height:0;border-right:1px solid #8f704d;border-bottom:1px solid #8f704d;background:#3b2a22}.shift-board span:nth-child(3n){border-right:0}.shift-board span:nth-child(n+7){border-bottom:0}.shift-board .hole{background:#33241d}.push-stone{position:relative;display:grid;place-items:center;width:88%;aspect-ratio:1;border:1px solid #8a6047;border-radius:5px;background:#6b4937;box-shadow:0 4px #00000042}.push-stone:after{width:80%;aspect-ratio:1;content:"";border-radius:999px;background:#38261f;box-shadow:inset 0 3px #160d0a94,inset 0 -2px #744e3a4d}.shift-board .stone{position:absolute;z-index:2;display:block;width:80%;aspect-ratio:1;border-radius:999px;background:var(--stone-fill);box-shadow:0 5px #00000042,0 7px 8px #0000002e}.shift-board .stone:before{position:absolute;right:9%;bottom:9%;width:72%;aspect-ratio:1;content:"";border-radius:inherit;background:var(--stone-crescent);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.shift-board .stone:after{position:absolute;right:15%;bottom:15%;width:72%;aspect-ratio:1;content:"";border-radius:inherit;background:var(--stone-fill);clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none}.shift-board .stone.ivory{--stone-fill: #eadfc9;--stone-crescent: #c8b998}.shift-board .stone.madder{--stone-fill: #c84c48;--stone-crescent: #963331}.hex-board{display:grid;grid-template-columns:repeat(7,16px);justify-content:center;gap:3px;width:min(140px,90%);margin:25px 0 14px}.hex-board i,.gomoku-board i,.pyramid-board i{display:block;border-radius:999px;box-shadow:inset 0 1px 3px #ffffff42,0 6px 10px #0000003d}.hex-board i{width:16px;height:16px;border:2px solid rgba(194,198,207,.22)}.hex-board i:nth-child(11),.hex-board i:nth-child(16),.hex-board i:nth-child(17){border:0;background:#b84842}.hex-board i:nth-child(18),.hex-board i:nth-child(19){border:0;background:#e1c9ac}.gomoku-board{width:min(132px,82%);aspect-ratio:1;margin:27px 0 18px;border:2px solid rgba(206,214,195,.2);background:linear-gradient(rgba(216,225,211,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(216,225,211,.18) 1px,transparent 1px),#0e120d80;background-size:16.66% 16.66%}.gomoku-board i{position:absolute;width:14px;height:14px;background:#c9c0b7}.gomoku-board i:nth-child(1){left:34%;top:22%}.gomoku-board i:nth-child(2){left:19%;top:36%}.gomoku-board i:nth-child(3){left:56%;top:50%}.gomoku-board i:nth-child(4){left:39%;top:66%}.gomoku-board i:nth-child(5){left:28%;top:51%;background:#594f47}.gomoku-board i:nth-child(6){left:12%;top:47%;background:#594f47}.pyramid-board{width:min(138px,86%);height:132px;margin:31px 0 15px}.pyramid-board i{position:absolute;width:18px;height:18px;border:2px solid rgba(190,175,165,.38);background:#171717}.pyramid-board i:nth-child(1){left:60px;top:0}.pyramid-board i:nth-child(2){left:49px;top:21px}.pyramid-board i:nth-child(3){left:71px;top:21px}.pyramid-board i:nth-child(4){left:38px;top:42px}.pyramid-board i:nth-child(5){left:60px;top:42px;background:#8c7f74}.pyramid-board i:nth-child(6){left:82px;top:42px}.pyramid-board i:nth-child(7){left:27px;top:63px}.pyramid-board i:nth-child(8){left:49px;top:63px}.pyramid-board i:nth-child(9){left:71px;top:63px;background:#8c7f74}.pyramid-board i:nth-child(10){left:93px;top:63px}.pyramid-board i:nth-child(11){left:16px;top:84px;background:#9a7656}.pyramid-board i:nth-child(12){left:38px;top:84px}.pyramid-board i:nth-child(13){left:60px;top:84px;background:#a3876a}.pyramid-board i:nth-child(14){left:82px;top:84px}.pyramid-board i:nth-child(15){left:104px;top:84px;background:#a2825f}.game-card footer{position:relative;z-index:2;display:flex;align-items:center;gap:12px;min-height:20px;color:#eee5dcdb;font-size:12px}.game-card footer strong,.globe-icon{color:#f1e7de;font-size:15px;font-weight:800}@media(max-width:720px){.page-shell{padding:14px 18px 92px;overflow:auto}.hero{width:calc(100% + 36px);margin:0 -18px 14px}.brand-copy{gap:9px;min-height:30px;padding-left:20px}.brand-logo{width:30px;height:30px}.hero h1{font-size:clamp(20px,6vw,23px)}.hero p{padding-left:10px;font-size:clamp(10px,3vw,11px)}.game-card{min-height:318px}}