:root{--po-bg:#f6f8f7;--po-panel:#fff;--po-line:#e4e9e7;--po-text:#17211d;--po-accent:#14a97c;--po-accent-dark:#0e8f66;--po-sub:#5b6b64;--po-tone:#e6f6f0;--po-radius:0;--po-border:2px solid var(--po-text);--po-shadow:4px 4px 0 var(--po-text);--po-shadow-accent:4px 4px 0 var(--po-accent-dark);--po-font-pixel:"DotGothic16", "Cubic 11", monospace;--po-font-body:"PingFang TC", "Noto Sans TC", system-ui, sans-serif;--po-header-h:56px;--po-space-1:4px;--po-space-2:8px;--po-space-3:12px;--po-space-4:16px;--po-space-5:22px;--po-space-6:28px;--po-font-size-sm:12px;--po-font-size-base:13px;--po-font-size-md:14px;--po-font-size-lg:15px;--po-font-size-xl:17px;--po-font-size-2xl:21px;--po-z-drawer:5;--po-z-pill:30}@font-face{font-family:DotGothic16;src:url(/assets/DotGothic16-Regular.ttf)format("truetype");font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--po-bg);color:var(--po-text);font-family:var(--po-font-body);min-height:100vh}a{color:inherit}button{font:inherit;color:inherit}.px{font-family:var(--po-font-pixel)}.po-header{background:var(--po-text);color:var(--po-bg);height:var(--po-header-h);align-items:center;gap:28px;padding:0 24px;display:flex}.po-logo{color:var(--po-bg);font-size:16px;font-family:var(--po-font-pixel);align-items:center;gap:10px;text-decoration:none;display:flex}.po-logo .mark{background:var(--po-accent);width:20px;height:20px;box-shadow:inset -4px -4px 0 var(--po-accent-dark);flex:none}.po-nav{flex:1;gap:4px;display:flex}.po-nav a{color:#9fb0a8;font-size:var(--po-font-size-md);padding:7px 14px;text-decoration:none}.po-nav a:hover{color:#fff;background:#2a3a33}.po-nav a.active{background:var(--po-accent);color:#fff}.po-authbtn{font-family:var(--po-font-pixel);font-size:var(--po-font-size-sm);cursor:pointer;background:var(--po-panel);color:var(--po-text);border:2px solid var(--po-bg);padding:7px 12px}.po-authbtn:hover{background:var(--po-tone)}.po-authbtn:disabled{cursor:not-allowed;opacity:.55}.po-authbtn.signed-in{background:var(--po-accent);color:#fff;border-color:var(--po-text)}.po-main{max-width:1120px;margin:30px auto 64px;padding:0 24px}.po-main h1{font-size:var(--po-font-size-2xl);font-weight:400;font-family:var(--po-font-pixel)}.po-main h2{font-size:var(--po-font-size-xl);font-weight:400;font-family:var(--po-font-pixel);color:var(--po-accent-dark)}.po-cap{font-size:var(--po-font-size-base);color:var(--po-sub)}.po-card{background:var(--po-panel);border:var(--po-border);box-shadow:var(--po-shadow);padding:var(--po-space-5) var(--po-space-6)}.po-card.accent{border-color:var(--po-accent-dark);box-shadow:var(--po-shadow-accent)}.po-btn{font-family:var(--po-font-pixel);font-size:var(--po-font-size-md);cursor:pointer;background:var(--po-accent);color:#fff;border:2px solid var(--po-text);box-shadow:3px 3px 0 var(--po-text);padding:10px 20px}.po-btn:hover{background:var(--po-accent-dark)}.po-btn:active{box-shadow:none;translate:3px 3px}.po-btn:disabled{background:var(--po-line);color:var(--po-sub);cursor:not-allowed;box-shadow:none;translate:0}.po-btn.secondary{background:var(--po-panel);color:var(--po-text)}.po-chip{font-family:var(--po-font-pixel);font-size:var(--po-font-size-sm);border:2px solid var(--po-accent-dark);color:var(--po-accent-dark);background:var(--po-tone);padding:2px 8px;display:inline-block}.po-chip.draft{border-color:var(--po-sub);color:var(--po-sub);background:0 0;border-style:dashed}.po-chip.owned{border-color:var(--po-accent-dark);color:#fff;background:var(--po-accent-dark)}.po-tablewrap{border:var(--po-border);box-shadow:var(--po-shadow);background:var(--po-panel);margin-top:20px;overflow-x:auto}.po-table{border-collapse:collapse;width:100%;min-width:620px;font-size:var(--po-font-size-md)}.po-table th,.po-table td{text-align:left;border-bottom:1px solid var(--po-line);vertical-align:top;padding:10px 14px}.po-table thead th{font-family:var(--po-font-pixel);font-size:var(--po-font-size-sm);color:var(--po-sub);background:var(--po-tone);border-bottom:2px solid var(--po-text);white-space:nowrap}.po-table tbody tr:last-child td{border-bottom:none}.po-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.po-table code{font-family:var(--po-font-pixel);color:var(--po-sub);word-break:break-all}.po-wall{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:20px;display:grid}.po-footer{border-top:2px solid var(--po-line);color:var(--po-sub);font-size:var(--po-font-size-base);text-align:center;padding:20px 24px}.po-input{font-family:var(--po-font-pixel);font-size:var(--po-font-size-xl);letter-spacing:.3em;text-align:center;border:var(--po-border);background:var(--po-panel);color:var(--po-text);width:100%;max-width:260px;padding:12px 16px}