@import "https://fonts.googleapis.com/css2?family=Anton&family=Caveat:wght@700&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;700;900&family=JetBrains+Mono:wght@800&display=swap";
:root{--display:"Anton",sans-serif;--hand:"Caveat",cursive;--serif:"Instrument Serif",serif;--sans:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;--bg:#ecece8;--text:#050505;--accent-1:#f05;--accent-2:#0f5;--accent-3:#4000ff;--border:#050505}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--accent-1);color:#fff}html{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;cursor:crosshair;overflow-x:hidden}body{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:40px 40px;min-height:100vh;position:relative;overflow-x:hidden}.marquee-top,.marquee-bottom{background:var(--text);height:30px;color:var(--bg);font-family:var(--mono);text-transform:uppercase;z-index:1000;white-space:nowrap;align-items:center;font-size:14px;display:flex;position:fixed;left:0;right:0;overflow:hidden}.marquee-top{border-bottom:2px solid var(--accent-1);top:0}.marquee-bottom{border-top:2px solid var(--accent-2);bottom:0}.marquee-inner{padding-left:100%;animation:20s linear infinite scrollLeft;display:inline-block}@keyframes scrollLeft{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.shell{z-index:10;min-height:100vh;padding:80px 4vw;position:relative}.nav{border-bottom:4px solid var(--text);justify-content:space-between;align-items:flex-start;margin-bottom:60px;padding-bottom:20px;display:flex}.nav-brand{color:var(--text);flex-direction:column;text-decoration:none;display:flex}.nav-k{font-family:var(--display);letter-spacing:-2px;text-transform:uppercase;font-size:80px;line-height:.8}.nav-k-sub{font-family:var(--hand);color:var(--accent-1);font-size:32px;transform:rotate(-5deg)translateY(-15px)translate(40px)}.nav-links{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.nav-link{font-family:var(--mono);color:var(--bg);background:var(--text);text-transform:uppercase;box-shadow:4px 4px 0 var(--accent-2);padding:4px 12px;font-size:16px;text-decoration:none;transition:all .1s}.nav-link:hover{box-shadow:2px 2px 0 var(--accent-1);background:var(--accent-3);transform:translate(2px,2px)}.hero{min-height:60vh;margin-bottom:80px;position:relative}.hero-bg-text{font-family:var(--display);color:#00000008;white-space:nowrap;pointer-events:none;z-index:-1;text-transform:uppercase;font-size:28vw;line-height:.8;position:absolute;top:-40px;left:-5vw}.h-line-1{font-family:var(--display);text-transform:uppercase;letter-spacing:-2px;color:var(--text);word-break:break-word;max-width:900px;font-size:clamp(60px,12vw,150px);line-height:.85}.h-line-1 span{display:inline-block}.h-line-hand{font-family:var(--hand);color:var(--accent-1);z-index:2;text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff;margin-top:-20px;margin-left:10vw;font-size:clamp(40px,8vw,100px);position:relative;transform:rotate(-4deg)}.h-desc{font-family:var(--mono);border:2px solid var(--text);background:var(--accent-2);max-width:400px;color:var(--text);box-shadow:8px 8px 0 var(--text);text-transform:uppercase;margin-top:60px;padding:20px;font-size:14px;line-height:1.4}.decor-star{background:var(--text);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);z-index:1;width:120px;height:120px;animation:20s linear infinite spin;position:absolute;top:20vh;right:10vw}@keyframes spin{to{transform:rotate(360deg)}}.decor-badge{font-family:var(--serif);background:var(--accent-1);color:#fff;border:2px solid var(--text);z-index:5;white-space:nowrap;border-radius:50%;padding:10px 30px;font-size:24px;font-style:italic;position:absolute;bottom:0;right:20vw;transform:rotate(15deg)}.search-area{margin-bottom:80px;position:relative}.search-field{border-bottom:8px solid var(--text);align-items:flex-end;padding-bottom:10px;display:flex;position:relative}.search-field input{font-family:var(--display);color:var(--text);text-transform:uppercase;background:0 0;border:none;outline:none;flex:1;font-size:clamp(40px,8vw,100px);line-height:1}.search-field input::placeholder{color:#00000026}.search-go{font-family:var(--hand);color:var(--accent-3);cursor:pointer;background:0 0;border:none;margin-left:20px;font-size:clamp(30px,6vw,60px);transition:all .1s;transform:rotate(-10deg)}.search-go:hover{color:var(--accent-1);transform:rotate(-5deg)scale(1.1)}.search-hints{font-family:var(--mono);text-transform:uppercase;flex-wrap:wrap;gap:15px;margin-top:20px;font-size:14px;font-weight:800;display:flex}.search-hints span{cursor:pointer;background:var(--text);color:var(--bg);padding:4px 10px;transition:all .1s}.search-hints span:hover{background:var(--accent-1);transform:skew(-15deg)}.alpha-strip{flex-wrap:wrap;gap:10px;margin-bottom:80px;display:flex}.alpha-letter{font-family:var(--serif);color:var(--text);cursor:pointer;background:0 0;border:2px solid #0000;padding:0 10px;font-size:40px;font-style:italic;line-height:1;transition:all .2s}.alpha-letter:hover{color:var(--accent-1);font-family:var(--sans);border:2px solid var(--text);font-style:normal;font-weight:900;transform:rotate(5deg)}.alpha-letter.on{background:var(--text);color:var(--accent-2);font-family:var(--display);border:2px solid var(--text);font-style:normal;transform:rotate(-3deg)scale(1.2)}.content{z-index:5;position:relative}.feat-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:80px;display:grid}.feat-card{border:4px solid var(--text);background:var(--bg);box-shadow:12px 12px 0 var(--text);padding:40px 30px;transition:all .2s;position:relative}.feat-card:hover{box-shadow:8px 8px 0 var(--accent-1);transform:translate(4px,4px)}.feat-num{font-family:var(--display);color:var(--accent-2);-webkit-text-stroke:2px var(--text);text-shadow:4px 4px 0 var(--text);z-index:2;font-size:80px;position:absolute;top:-30px;right:-20px;transform:rotate(15deg)}.feat-card h3{font-family:var(--display);text-transform:uppercase;z-index:3;margin-bottom:15px;font-size:32px;position:relative}.feat-card p{font-family:var(--mono);text-transform:uppercase;z-index:3;font-size:14px;font-weight:800;line-height:1.5;position:relative}.sec-head{border-top:8px solid var(--text);border-bottom:2px solid var(--text);justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding:20px 0;display:flex}.sec-head h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(40px,6vw,80px);line-height:.8}.sec-head h3 em{font-family:var(--hand);color:var(--accent-1);margin-left:20px;font-size:clamp(30px,5vw,60px)}.sec-meta{font-family:var(--mono);background:var(--text);color:var(--bg);text-transform:uppercase;padding:5px 10px;font-size:14px;font-weight:800}.entry{border:4px solid var(--text);box-shadow:8px 8px 0 var(--accent-3);background:#fff;margin-bottom:30px;padding:40px;position:relative}.entry:before{content:"DEFINITION";background:var(--text);color:var(--bg);font-family:var(--mono);transform-origin:0 0;letter-spacing:2px;padding:2px 8px;font-size:10px;position:absolute;top:10px;left:-20px;transform:rotate(-90deg)}.entry-word{font-family:var(--display);text-transform:uppercase;color:var(--text);word-break:break-word;margin-bottom:20px;font-size:clamp(50px,8vw,100px);line-height:.8}.entry-word sup{font-family:var(--mono);color:var(--accent-1);vertical-align:top;font-size:20px}.def-row{font-family:var(--serif);gap:20px;margin-bottom:20px;font-size:24px;line-height:1.4;display:flex}.def-idx{font-family:var(--display);color:var(--accent-2);-webkit-text-stroke:1px var(--text);font-size:40px;line-height:.8}.pos-tag{font-family:var(--mono);background:var(--text);color:var(--bg);text-transform:uppercase;vertical-align:middle;box-shadow:2px 2px 0 var(--accent-1);margin-right:15px;padding:4px 8px;font-size:12px;font-weight:800}.def-ex{font-family:var(--hand);color:var(--accent-3);border-left:4px solid var(--accent-3);margin-top:10px;padding-left:20px;font-size:28px;line-height:1.1;display:block}.words{flex-wrap:wrap;gap:15px;display:flex}.word-btn{background:var(--bg);border:2px solid var(--text);color:var(--text);font-family:var(--display);text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--text);padding:5px 15px;font-size:24px;transition:all .1s}.word-btn:hover{background:var(--text);color:var(--accent-2);box-shadow:2px 2px 0 var(--accent-1);transform:translate(2px,2px)}.pager{border-top:8px solid var(--text);justify-content:space-between;align-items:center;margin-top:60px;padding:40px 0;display:flex}.pager button{font-family:var(--display);background:var(--accent-1);color:#fff;border:4px solid var(--text);cursor:pointer;text-transform:uppercase;box-shadow:6px 6px 0 var(--text);padding:0 30px;font-size:40px;transition:all .1s}.pager button:hover:not(:disabled){box-shadow:4px 4px 0 var(--text);transform:translate(2px,2px)}.pager button:disabled{color:#888;box-shadow:none;cursor:not-allowed;background:#ccc;border-color:#888;transform:translate(6px,6px)}.pager span{font-family:var(--mono);font-size:18px;font-weight:800}.loader{text-align:center;padding:100px 0}.loader span{font-family:var(--display);color:var(--text);text-transform:uppercase;font-size:60px;animation:.2s infinite alternate blink}@keyframes blink{0%{opacity:1}to{opacity:0;color:var(--accent-1)}}.empty-state{border:8px solid var(--accent-1);text-align:center;background:var(--text);color:#fff;padding:80px 40px;transform:rotate(-1deg)}.empty-state h3{font-family:var(--display);color:var(--accent-2);text-transform:uppercase;margin-bottom:20px;font-size:60px}.empty-state p{font-family:var(--mono);margin-bottom:40px;font-size:16px}.pill{font-family:var(--hand);background:var(--accent-3);color:#fff;cursor:pointer;border:2px solid #fff;margin:5px;padding:5px 20px;font-size:32px;transition:all .1s}.pill:hover{background:var(--accent-1);transform:scale(1.1)rotate(5deg)}@media (max-width:768px){.hero{min-height:40vh}.decor-star{width:80px;height:80px;top:10vh;right:-20px}.decor-badge{font-size:16px;right:10px}.h-line-hand{margin-left:0}.nav-k{font-size:60px}.nav-k-sub{font-size:24px}.feat-card{box-shadow:8px 8px 0 var(--text);padding:30px 20px}.entry{padding:20px}.pager button{padding:0 15px;font-size:24px}}
