@font-face{font-family:"Omyu Pretty";src:url("assets/fonts/omyu_pretty.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#3F3975;--sub:#5E5794;--lav:#CDBBFF;--cream:#FFF9F1;--pink:#FFD9E8;--bg:#F6F2FF}
*{box-sizing:border-box}
html,body{margin:0;overflow-x:hidden}
body{min-height:100vh;background-color:var(--bg);
  background-image:linear-gradient(rgba(205,187,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(205,187,255,.28) 1px,transparent 1px);
  background-size:22px 22px;color:var(--ink);font-family:'Omyu Pretty','Pretendard',system-ui,sans-serif;font-weight:400;font-synthesis:none;
  -webkit-font-smoothing:antialiased;display:flex;justify-content:center}
main{width:100%;max-width:430px;padding:0 20px;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
header{padding:88px 0 48px;display:flex;flex-direction:column;align-items:center;gap:16px}
h1{margin:0;font-family:'Silkscreen',monospace;font-weight:700;font-size:clamp(30px,10vw,44px);letter-spacing:.02em;line-height:1;
  color:var(--cream);-webkit-text-stroke:1.6px var(--ink);text-shadow:3px 3px 0 var(--lav),4px 4px 0 var(--ink)}
.cats{margin:0;display:flex;gap:8px;font-size:13px;color:var(--sub);letter-spacing:.04em}
.cats i{font-style:normal;font-family:'Galmuri11',monospace;color:var(--lav)}
.win{background:#FBF9FF;border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;box-shadow:3px 3px 0 var(--lav)}
.bar{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px 0 10px;background:#E5DCFF;border-bottom:1.5px solid var(--ink)}
.bar b{width:9px;height:9px;border:1.5px solid var(--ink);border-radius:2px;background:var(--cream)}
.bar span{flex:1;font-family:'Galmuri11',monospace;font-size:11px;font-weight:700;letter-spacing:.08em}
.bar em{display:flex;gap:4px}
.bar u{width:14px;height:14px;border:1.5px solid var(--ink);border-radius:3px;background:var(--cream);display:grid;place-items:center;
  font:700 9px/1 'Galmuri11',monospace;text-decoration:none}
.bar u.x{background:var(--pink)}
.link-box{cursor:pointer;display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 16px 12px 12px;background:var(--cream);
  border:1.5px solid var(--ink);border-radius:14px;box-shadow:3px 3px 0 var(--lav);transition:transform .12s,box-shadow .12s,background .12s}
.link-box:hover{background:#FFF2F7;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--lav)}
.link-box:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--lav)}
.thumb{position:relative;flex:none;width:56px;height:56px;border:1px solid var(--lav);border-radius:10px;overflow:hidden;background:#F1ECFF}
.thumb img{width:100%;height:100%;padding:4px;object-fit:contain;display:block}
.link-box strong{flex:1;min-width:0;font-size:16px;font-weight:400;letter-spacing:-.01em;line-height:1.3}
.arrow{flex:none;width:8px;height:14px;background:var(--ink);clip-path:polygon(0 0,40% 0,100% 50%,40% 100%,0 100%,60% 50%)}
.news{margin-top:40px}
.news ul{list-style:none;margin:0;padding:6px 12px}
.news li{display:flex;gap:14px;align-items:baseline;padding:12px 4px;font-size:14.5px;font-weight:400}
.news li+li{border-top:1px dashed var(--lav)}
.news time{flex:none;font-size:13.5px;color:var(--sub)}
footer{padding:48px 0 40px;text-align:center;font-size:11px;font-family:'Omyu Pretty','Galmuri11',monospace;color:var(--sub);letter-spacing:.04em}