/*
Theme Name: Poyokin Game
Author: Poyokin
Description: ぽよきん用・軽量ゲーム風WordPressテーマ
Version: 2.2
*/
:root{--pink:#ff5fa2;--dark:#24151d;--light:#ffd1e3;--white:#fff8fc;--deep:#c92d72}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:#f3dce7;color:var(--dark);font-family:"Courier New",monospace;font-weight:700}a{color:inherit;text-decoration:none}
.poyokin-wrap{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:var(--pink);border:4px solid var(--dark);display:flex;flex-direction:column}
.poyokin-header{padding:16px 12px 12px;text-align:center;border-bottom:4px solid var(--dark);background:var(--pink)}
.poyokin-logo{display:block;font-size:32px;letter-spacing:4px;text-shadow:3px 3px 0 var(--white)}
.poyokin-subtitle{margin:5px 0 0;font-size:10px;letter-spacing:2px}
.poyokin-main{flex:1;padding:22px 16px 28px;background-image:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.12) 75%),linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.12) 75%);background-position:0 0,4px 4px;background-size:8px 8px;background-color:var(--pink)}
.game-title{text-align:center;margin:4px 0 25px}.hero-cat{font-size:72px;line-height:1;margin-bottom:8px}.game-title h1{margin:0 0 5px;font-size:32px;letter-spacing:5px;text-shadow:3px 3px 0 var(--white)}.game-title p{margin:0;font-size:11px}
.game-menu{list-style:none;padding:0;margin:0;display:grid;gap:12px}.game-menu a{display:flex;align-items:center;gap:10px;min-height:58px;padding:11px 12px;background:var(--white);border:4px solid var(--dark);box-shadow:5px 5px 0 #111;font-size:16px}.game-menu a:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #111}.menu-cursor{width:18px}.menu-icon{font-size:23px}.menu-text{flex:1}
.pixel-panel{margin-top:25px;padding:14px;background:var(--light);border:4px solid var(--dark);box-shadow:5px 5px 0 #111;font-size:12px;line-height:1.8}
.page-head{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 18px;padding:11px;background:var(--dark);color:var(--white);border:4px solid var(--dark);box-shadow:5px 5px 0 #111}.page-head .icon{font-size:25px}.page-head h1{font-size:20px;margin:0}
.page-content{background:var(--white);border:4px solid var(--dark);box-shadow:5px 5px 0 #111;padding:16px;font-family:Arial,sans-serif;font-weight:400;line-height:1.8}.page-content h2,.page-content h3{font-family:"Courier New",monospace;font-weight:900}.page-content img{max-width:100%;height:auto}
.back-button{display:block;margin-top:20px;padding:12px;text-align:center;background:var(--light);border:4px solid var(--dark);box-shadow:5px 5px 0 #111;font-weight:900}.back-button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #111}
.site-legal{padding:13px 10px 18px;text-align:center;background:var(--deep);color:var(--white);border-top:4px solid var(--dark);font-size:10px}.site-legal a{display:inline-block;margin:4px 7px;text-decoration:underline}.poyokin-footer{text-align:center;padding:10px;font-size:9px;background:var(--deep);color:var(--white)}
@media(min-width:700px){body{padding:30px 0}.poyokin-wrap{min-height:calc(100vh - 60px)}}