:root{--ink:#442c38;--pink:#f56f91;--rose:#a72f58;--paper:#fffaf8;--cream:#fff0e7;--line:#ead7d6}*{box-sizing:border-box}html{background:#f8e8e4;color:var(--ink);font-family:"Yu Gothic",Meiryo,sans-serif}body{margin:0;background:radial-gradient(circle at 80% 0,#ffd9df 0,transparent 32%),linear-gradient(180deg,#fff8f5,#f8e8e4);min-height:100vh}.top{max-width:1180px;margin:auto;padding:22px 24px 14px;display:flex;justify-content:space-between;align-items:center}.top small,.eyebrow,.section-head small,.work-card>small,.company-card>small{font:700 11px/1.2 Arial;letter-spacing:.18em;color:var(--rose)}h1{margin:4px 0;font-size:clamp(28px,5vw,48px)}h2{margin:.25em 0}.wallet{background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px 16px;text-align:right;box-shadow:0 8px 24px #80404c18}.wallet span{font-size:11px;display:block}.wallet strong{font-size:20px}.tabs{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow:auto;padding:10px max(14px,calc((100vw - 1180px)/2));background:#fffdfbdc;backdrop-filter:blur(12px);border-block:1px solid var(--line)}button{font:inherit}.tabs button,.girl-card{border:0;background:transparent;color:var(--ink);cursor:pointer}.tabs button{white-space:nowrap;padding:10px 14px;border-radius:999px;font-weight:700}.tabs button.active{background:var(--ink);color:#fff}main{max-width:1180px;margin:auto;padding:28px 24px 80px}.view{display:none}.view.active{display:block}.hero{min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(135deg,#fff 15%,#ffe6e7);border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #6b31411a}.hero-copy{padding:clamp(28px,6vw,72px);z-index:2}.hero-copy h2{font-size:clamp(30px,5vw,58px);line-height:1.2}.hero-copy p{line-height:1.9}.home-character{align-self:end;height:520px;display:grid;place-items:end center;overflow:hidden}.home-character img{height:100%;width:100%;object-fit:cover;object-position:center}.primary{border:0;border-radius:14px;background:linear-gradient(135deg,var(--pink),var(--rose));color:#fff;font-weight:800;padding:14px 24px;cursor:pointer;box-shadow:0 8px 22px #a72f5840}.girlfriend-line{display:flex;min-height:150px;align-items:flex-end;overflow:auto;padding:20px 10px 8px}.girlfriend-line button{flex:0 0 90px;height:120px;border:3px solid #fff;border-radius:45px 45px 15px 15px;background:var(--girl);overflow:hidden;margin-left:-16px;box-shadow:0 8px 20px #4b25362c;position:relative;cursor:pointer}.girlfriend-line img{width:100%;height:100%;object-fit:cover}.girlfriend-line span{position:absolute;bottom:0;left:0;right:0;background:#ffffffd9;font-size:10px;padding:3px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 15px}.quiz-layout{display:grid;grid-template-columns:minmax(300px,480px) 1fr;gap:28px;align-items:start}.selected-art{height:min(680px,72vh);border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--line)}.selected-art img{width:100%;height:100%;object-fit:cover}.quiz-panel{background:#fff;padding:32px;border-radius:28px;border:1px solid var(--line)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answers button{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff8f5;cursor:pointer;font-weight:700}.answers button:hover{border-color:var(--pink);background:#fff0f3}.hint,.note{font-size:12px;color:#765d68}.joined{padding:20px;background:var(--cream);border-radius:18px}.girl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.girl-card{background:#fff;border:2px solid transparent;border-radius:18px;padding:10px;text-align:left;box-shadow:0 8px 24px #56253a10}.girl-card.selected{border-color:var(--pink)}.girl-card.locked{opacity:.48}.mini-art{height:190px;border-radius:12px;overflow:hidden;margin-bottom:8px}.mini-art img{width:100%;height:100%;object-fit:cover}.girl-card b,.girl-card span{display:block}.girl-card span{font-size:12px;color:var(--rose)}.art-pending{width:100%;height:100%;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,color-mix(in srgb,var(--girl),white 55%),#fff);color:#fff;text-shadow:0 1px 2px #0004}.art-pending b{font:800 42px Arial}.art-pending span,.art-pending small{display:block}.work-card,.company-card,.settings-card{max-width:720px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,6vw,64px);text-align:center}.meter{height:52px;border-radius:16px;background:linear-gradient(90deg,#efc0c8,#ffe57c,#efc0c8);position:relative;margin:28px 0}.meter i{position:absolute;top:0;bottom:0;width:14px;background:#8cff95aa;transform:translateX(-50%)}.meter b{position:absolute;top:-6px;bottom:-6px;width:5px;background:#51283a;transform:translateX(-50%)}.done{display:flex;justify-content:space-between;padding:16px;background:#eef8ee;border-radius:14px}.price{font-size:20px;margin:25px}.company-card button:disabled{padding:14px 22px;border:0;border-radius:12px}.admin-link{font-size:12px;color:#72525e}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:#35212b;color:#fff;padding:12px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:.2s;z-index:50}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){.top{padding:16px}.wallet strong{font-size:15px}main{padding:18px 12px 70px}.hero{grid-template-columns:1fr;min-height:0}.home-character{height:390px;order:-1}.hero-copy{padding:26px}.quiz-layout{grid-template-columns:1fr}.selected-art{height:520px}.answers{grid-template-columns:1fr}.girl-grid{grid-template-columns:repeat(2,1fr)}.mini-art{height:180px}}
.town-shell{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 55px #5a2b3d1b}.town-head{height:64px;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;background:#fffdf8}.town-head small,.town-head b{display:block}.town-head small{font:700 10px Arial;letter-spacing:.16em;color:var(--rose)}.town-head p{font-size:13px;margin:0;color:#73515f}.town-world{height:min(680px,72vh);min-height:520px;position:relative;overflow:hidden;background:#88af7d;touch-action:none}.town-world>canvas{width:100%;height:100%;display:block}.town-mini{position:absolute;right:14px;top:14px;background:#3c2b35df;border:2px solid #fff9;border-radius:12px;padding:5px;color:#fff;text-align:center;box-shadow:0 5px 20px #0004}.town-mini canvas{display:block;width:168px;height:104px;border-radius:7px}.town-mini small{font:700 10px Arial;letter-spacing:.14em}.move-help{position:absolute;left:14px;top:14px;background:#fffdeedf;padding:8px 11px;border-radius:10px;font-size:12px}.move-help kbd,#town-interact kbd{background:#fff;border:1px solid #cbb9b1;border-radius:4px;padding:2px 5px;color:#563545}#town-interact{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);z-index:5;max-width:70%;white-space:nowrap}#town-touch{display:none;position:absolute;left:12px;bottom:12px;text-align:center;color:#fff;font-size:10px;text-shadow:0 1px 4px #000}#town-joystick{width:132px;height:132px;border:3px solid #6b5159;border-radius:50%;position:relative;background:radial-gradient(circle,#f4d7d6b8 0 32%,#fff9efdc 34% 65%,#b27886da 67%);box-shadow:0 4px 0 #452c3566,inset 0 0 0 5px #fff8ed66;touch-action:none}#town-joystick span{position:absolute;color:#68424f;font:13px sans-serif;pointer-events:none}#town-joystick span:nth-child(1){top:8px;left:57px}#town-joystick span:nth-child(2){left:8px;top:55px}#town-joystick span:nth-child(3){bottom:8px;left:57px}#town-joystick span:nth-child(4){right:8px;top:55px}#town-joystick i{position:absolute;width:56px;height:56px;left:35px;top:35px;border:3px solid #fff0e7;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f58baa,#9f3f67 72%);box-shadow:0 5px 10px #4e263866;pointer-events:none}
@media(max-width:760px){.town-head p{max-width:52%;font-size:11px}.town-world{height:calc(100dvh - 230px);min-height:510px}.town-mini{transform:scale(.74);transform-origin:top right}.move-help{display:none}#town-touch{display:block}#town-interact{left:auto;right:12px;bottom:22px;transform:none;max-width:calc(100% - 160px);font-size:12px;padding:12px 14px}#town-interact kbd{display:none}}