@font-face{font-family:system;src:local('Pretendard')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#060c1a;color:#e9f0ff;font-family:system,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.65}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 70% 0,#12397955,transparent 60%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button{cursor:pointer;border:1px solid #2b4064;background:#0e1c33;color:#dceaff;border-radius:5px;padding:10px 16px;font-weight:600;display:inline-block}button:hover,.button:hover{border-color:#66c9ff;background:#142c4e}button:disabled{opacity:.4;cursor:default}.primary{background:#2869f6;border-color:#467dff;color:white;box-shadow:0 5px 24px #1e62ff22}.primary:hover{background:#347cff}input,textarea,select{border:1px solid #2b4064;border-radius:5px;background:#071225;color:#edf5ff;width:100%;padding:12px 14px;outline-offset:2px}textarea{resize:vertical}input[type=checkbox]{width:auto;accent-color:#459cff}label{display:block;font-size:13px;color:#aec5e4;margin:17px 0 6px}input::placeholder,textarea::placeholder{color:#718aa9}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #75dcff;outline-offset:4px}[hidden]{display:none!important}.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{clip-path:none;width:auto;height:auto;z-index:1000;background:#2869f6;padding:10px}.brand{font-size:32px;letter-spacing:-2px;font-weight:850}.brand span,h3>span{color:#57d5ff}header{display:flex;gap:36px;align-items:center;max-width:1320px;margin:auto;padding:22px 32px;border-bottom:1px solid #21324b}header nav{display:flex;gap:27px;flex:1;font-size:14px}nav a{color:#99b0d2}nav a.active{color:#70d4ff}header .account{display:flex;gap:9px}main{max-width:1320px;margin:auto;padding:48px 32px 70px;min-height:70vh}.eyebrow{font-size:10px;letter-spacing:.18em;color:#6abbff;font-weight:650}h1,h2,h3{line-height:1.18;letter-spacing:-.055em}h1{font-size:clamp(42px,5vw,72px);margin:25px 0}h1 em{font-style:normal;color:#68caff}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:center;padding-bottom:24px}.hero p{color:#8fa9cd;line-height:1.9;margin-bottom:28px}.hero-media{height:465px;border:1px solid #2d527c;border-radius:8px;position:relative;overflow:hidden}.hero-media video{width:100%;height:100%;object-fit:cover}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#02102dba);pointer-events:none}.media-caption{position:absolute;bottom:22px;left:26px;z-index:1;display:grid;gap:13px}.media-caption span,.media-caption small{font-size:9px;letter-spacing:.14em}.media-caption strong{font-size:32px;line-height:1;letter-spacing:-.02em}.media-caption small{color:#8fa8cb}#motion-toggle{position:absolute;right:14px;top:14px;z-index:2;font-size:10px;padding:6px 10px;background:#02122ac9}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:55px 0 24px}.section-head h2{font-size:28px;margin:10px 0 0}.section-head>a{font-size:12px;color:#8cc3ff}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.game-card{min-height:250px;position:relative;padding:30px;border:1px solid #294c79;border-radius:8px;overflow:hidden;background:linear-gradient(125deg,#10264b,#07132a);transition:transform .2s,border-color .2s}.game-card:hover{transform:translateY(-3px);border-color:#60bdff}.game-card>span,.tool-card>span{font-size:10px;letter-spacing:.13em;color:#6aa9e8}.game-card h3{font-size:33px;margin:45px 0 10px}.game-card p,.tool-card p{font-size:13px;color:#9bb5d8}.game-card strong,.tool-card strong{font-size:12px;color:#81cbff}.number-art{position:absolute;right:34px;top:34px;font:26px/1.65 monospace;letter-spacing:.35em;transform:rotate(8deg);color:#375d91}.number-art b{color:#81d9ff;text-shadow:0 0 15px #1d9bff}.lane-art{position:absolute;right:30px;top:35px;width:120px;height:160px;transform:perspective(200px) rotateX(24deg);display:flex;justify-content:space-around;border-bottom:2px solid #6acbff}.lane-art i{height:100%;border-left:1px solid #3d6493;position:relative}.lane-art i:after{content:'';position:absolute;top:35%;left:12px;width:12px;height:12px;background:#6cf0ff;box-shadow:0 0 22px #00cfff;transform:rotate(45deg)}.lane-art i:nth-child(2):after{top:65%;background:#eb5c93}.post-list{border-top:1px solid #2d4264}.post-row{display:grid;grid-template-columns:1fr auto;gap:20px;padding:23px 0;border-bottom:1px solid #1d304e}.post-meta{display:flex;gap:12px;flex-wrap:wrap;color:#7f99bc;font-size:11px}.post-meta .category{color:#66b8ff}.post-title{background:none;border:0;padding:0;text-align:left;font-size:19px;font-weight:650;margin-top:8px;letter-spacing:-.035em}.post-title:hover{background:none;color:#80d3ff}.post-excerpt{font-size:13px;color:#839dbf;margin:7px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-thumb{width:100px;height:92px;object-fit:cover;border-radius:5px}.empty{padding:65px 20px;text-align:center;background:#0c182a;color:#97afcf;border:1px dashed #2f476a;border-radius:6px}.empty h3{color:#e1efff;font-size:23px}.page-title{font-size:48px;margin:20px 0}.feed-toolbar{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;align-items:center;margin:28px 0 12px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{padding:8px 12px;font-size:12px;background:transparent}.chips button.active{border-color:#569eff;color:#86d8ff;background:#102b50}.search{display:flex;gap:6px;max-width:340px}.search input{min-width:0;padding:9px 12px}.search button{white-space:nowrap}.feed-options{display:flex;gap:20px;align-items:center;justify-content:flex-start;margin:15px 0;font-size:12px;color:#91a7c6}.feed-options label{margin:0;font-size:12px}.feed-options button{font-size:11px;padding:5px 10px}.feed-options #post-count{margin-left:auto}.pager{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:26px;font-size:12px}.pager button{padding:7px 18px}.muted{color:#8ea7ca}.small{font-size:12px}.tool-card{text-align:left;padding:35px;min-height:250px;background:#0b1930}.tool-card h2{font-size:30px}.view>.game-grid{margin-top:30px}footer{max-width:1256px;margin:0 auto;padding:35px 0;border-top:1px solid #243652;display:flex;gap:28px;align-items:center}footer p{flex:1;font-size:12px;color:#859aba}footer>div{display:flex;gap:18px;font-size:11px;align-items:center;color:#7d98b9}footer button{border:0;padding:0;background:none;font-size:11px;font-weight:400}dialog{background:#0c1830;color:#e5efff;border:1px solid #365783;border-radius:10px;width:calc(100% - 32px);max-width:470px;padding:35px;max-height:90dvh;overflow:auto;box-shadow:0 30px 140px #000a}dialog.large{max-width:760px}dialog::backdrop{background:#000916b9;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:14px;top:12px;border:0;background:none;font-size:25px;line-height:1;padding:5px;color:#92abcd}dialog h2{font-size:30px;margin:10px 0 25px}dialog .wide{width:100%;margin-top:16px}dialog .check{display:flex;gap:9px;align-items:start;font-size:12px}.error{color:#ff9ab9;font-size:13px;white-space:pre-wrap}.error:empty{display:none}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.legal{font-size:13px;color:#a6bad7;line-height:1.95}.article-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:25px 0}.article-image{max-width:100%;max-height:520px;object-fit:contain;border-radius:6px}.article-head{padding-top:15px}.article-head h2{line-height:1.4;overflow-wrap:anywhere;margin:15px 0}.comment{border-top:1px solid #29405f;padding:17px 0;font-size:14px}.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.comment button{font-size:10px;padding:3px 9px}.stats{display:flex;gap:18px;margin:25px 0}.stat{background:#102344;border:1px solid #304e79;padding:22px 28px;flex:1;border-radius:6px;color:#90adcf;font-size:13px}.stat strong{display:block;font-size:32px;color:#a6e1ff}#admin-list{border-top:1px solid #304666}.admin-row{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid #213957}.admin-row>div{min-width:0}.admin-row p{margin:3px 0;overflow-wrap:anywhere}.admin-row small{color:#86a1c4}.admin-row button{white-space:nowrap;font-size:12px}.badge{font-size:10px;color:#77c8ff;border:1px solid #315984;padding:3px 7px;border-radius:3px}.deleted{opacity:.65}.danger{color:#ff9fb6;border-color:#663f59}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#17305a;border:1px solid #5787bf;color:white;padding:12px 24px;border-radius:5px;z-index:10000;opacity:0;pointer-events:none;transition:.2s;font-size:13px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}#meme-canvas{display:block;width:100%;height:auto;margin-top:20px;border:1px solid #345277}body:has(dialog[open]){overflow:hidden}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:800px){header{padding:16px 20px;gap:15px;flex-wrap:wrap}.brand{font-size:27px}header nav{order:3;flex-basis:100%;justify-content:space-between;font-size:13px;padding-top:10px}header .account{margin-left:auto}.account button{font-size:12px;padding:7px 11px}main{padding:30px 20px 50px}.hero{grid-template-columns:1fr;gap:30px}.hero h1{font-size:48px}.hero-media{height:360px}.hero p{font-size:14px}.section-head{margin-top:38px}.section-head h2{font-size:24px}.section-head>a{white-space:nowrap;font-size:10px}.game-grid{grid-template-columns:1fr}.game-card{min-height:235px}.game-card h3{margin-top:30px}.page-title{font-size:39px}.search{width:100%;max-width:none}.post-title{font-size:17px}.post-thumb{width:70px;height:75px}.feed-options{gap:10px}.post-meta{gap:8px;font-size:10px}footer{margin:0 20px;padding:25px 0;flex-wrap:wrap;gap:10px}footer p{margin-left:15px}footer>div{width:100%;justify-content:space-between}dialog{padding:30px 22px}.stat{padding:14px;font-size:11px}.stat strong{font-size:26px}.stats{gap:8px}.admin-row{gap:10px;font-size:13px}.admin-row button{padding:7px 10px;font-size:10px}.hero-media .media-caption strong{font-size:28px}}

.post-row>div{min-width:0}.post-title{overflow-wrap:anywhere}.account #login-open{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:800px){.account #login-open{max-width:120px}}