:root{color:#f0e8dc;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#3b4122;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:18px}*{box-sizing:border-box}main,article,section,li,.selection-row>div{min-width:0}p,dd{overflow-wrap:anywhere}body{min-width:320px;margin:0}button,input,select{font:inherit}button,.button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button,.button{min-height:48px;color:inherit;cursor:pointer;text-align:center;overflow-wrap:anywhere;background:#ffffff08;border:1px solid #f0e8dc66;border-radius:10px;justify-content:center;align-items:center;padding:12px 18px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--accent);color:#222510;border-color:var(--accent)}button.danger{color:#ffe2dd;border-color:#e5aaa0;margin-top:28px}:focus-visible{outline:3px solid var(--accent,#f0d99a);outline-offset:5px}.app{--accent:#f0d99a;min-height:100dvh;padding-bottom:calc(100px + env(safe-area-inset-bottom));background:#3b4122}.app.adult{--accent:#f5c76b;background:linear-gradient(150deg,#140508,#3a0d14)}.app-header{max-width:1120px;margin:0 auto;padding:24px 24px 12px}.wordmark{flex-direction:column;gap:4px;font-size:17px;text-decoration:none;display:inline-flex}.wordmark span{letter-spacing:.04em;font-size:22px;font-weight:700}main{max-width:1040px;margin:auto;padding:18px 24px 40px}h1{overflow-wrap:anywhere;margin:8px 0 28px;font-size:clamp(28px,4.5vw,38px);font-weight:650;line-height:1.2}h1:focus{outline:none}h2{margin:24px 0 16px;font-size:24px;line-height:1.3}h3,dt{font-size:18px;font-weight:700}p{margin:12px 0 18px;line-height:1.65}img{max-width:100%;display:block}.card-picture,.picture-unavailable{aspect-ratio:55/95;object-fit:cover;background:#242716;border-radius:12px;width:100%}.picture-unavailable{text-align:center;border:1px solid #f0e8dc55;place-items:center;padding:12px;display:grid}.back{background:0 0;border:0;justify-content:flex-start;margin-bottom:12px;padding:4px 0}.back:before{content:"‹";margin-right:10px;font-size:28px}.deck-grid,.card-grid,.history-list{gap:28px 20px;padding:0;list-style:none;display:grid}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.deck-tile,.card-grid a{text-decoration:none;display:block}.deck-tile .card-picture{object-fit:contain;background:0 0;max-height:380px}.deck-tile span,.card-grid a span{margin-top:12px;line-height:1.4;display:block}.card-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.card-grid li{min-width:0}.first-deck{justify-items:center;margin:0 0 32px;display:grid}.first-deck img{object-fit:contain;width:230px;height:230px}.first-deck p{text-align:center;max-width:300px}.add-deck{border:1px solid #f0e8dc44;border-radius:14px;max-width:520px;margin:36px auto 0;padding:20px}.add-deck h2{margin-top:0}form .primary{width:100%;margin-top:8px}.field{flex-direction:column;gap:10px;max-width:560px;margin:18px 0 24px;font-weight:600;display:flex}input,select{color:#f0e8dc;background:#1c2014;border:1px solid #f0e8dc77;border-radius:10px;width:100%;min-width:0;min-height:56px;padding:14px}.adult input,.adult select{background:#19080b}.action-list{flex-direction:column;align-items:stretch;gap:12px;max-width:480px;display:flex}.deck-intro{grid-template-columns:minmax(150px,260px) 1fr;align-items:center;gap:36px;margin-bottom:32px;display:grid}.guide-section{border-top:1px solid #f0e8dc44;padding:18px 0}summary{cursor:pointer;min-height:44px;padding:8px 0;font-weight:600;line-height:1.4}.guide-section p,dd{max-width:65ch}.card-detail{grid-template-columns:minmax(190px,340px) 1fr;align-items:start;gap:36px;display:grid}.card-copy p:first-child{margin-top:0}dl>div{margin:26px 0}dd{margin:8px 0 24px;line-height:1.6}.tab-bar{padding:12px max(10px, calc((100vw - 1000px) / 2)) calc(12px + env(safe-area-inset-bottom));z-index:2;background:#232819;border-top:1px solid #f0e8dc33;grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0}.adult .tab-bar{background:#19080b}.tab-bar a{text-align:center;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:8px 4px;font-size:17px;text-decoration:none;display:flex}.tab-bar a[aria-current]{background:var(--accent);color:#242716;font-weight:700}.notice{background:#242716;border:1px solid #f0e8dc66;border-radius:10px;padding:16px}.loading{flex-wrap:wrap;align-items:center;gap:18px;margin:24px 0;display:flex}.loading-card{background:#ffffff12;border:1px solid #f0e8dc44;border-radius:8px;width:60px;height:90px;display:block}.position-labels{gap:10px;margin:24px 0;padding:0;list-style:none;display:grid}.selection-list{padding:0;list-style:none}.selection-row{border-top:1px solid #f0e8dc44;grid-template-columns:90px 1fr;gap:18px;padding:24px 0;display:grid}.selection-row p{margin:0 0 8px}.selection-row strong{margin-bottom:12px;display:block}.selection-row button{padding:8px 12px}.empty-card{border:1px solid #f0e8dc77;border-radius:10px;place-items:center;height:135px;font-size:28px;display:grid}.order-buttons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.picker{background:#ffffff08;border-radius:12px;margin:24px 0;padding:18px;scroll-margin-top:20px}.pick-list{gap:10px;padding:0;list-style:none;display:grid}.pick-card{text-align:left;justify-content:flex-start;gap:18px;width:100%}.pick-card img,.pick-card .picture-unavailable{flex-shrink:0;width:55px}.status:empty{display:none}.result-list{padding:0;list-style:none}.result-list>li{border-bottom:1px solid #f0e8dc44;grid-template-columns:minmax(140px,260px) 1fr;gap:32px;padding:24px 0 40px;display:grid}.position-name{margin:0;font-size:17px}.result-list h2{margin-top:8px}.position-meaning{border-left:2px solid #f0e8dc88;padding-left:16px}.caption{font-size:17px}.history-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.history-list a{background:#ffffff08;border-radius:12px;flex-direction:column;gap:8px;padding:16px;text-decoration:none;display:flex}.history-pictures{gap:5px;margin-bottom:10px;display:flex}.history-pictures>*{flex:1;min-width:0;max-width:100px}.menu-list{gap:12px;max-width:600px;display:grid}.menu-list>a{background:#ffffff08;border-radius:12px;justify-content:space-between;padding:20px;text-decoration:none;display:flex}.menu-list details{border:1px solid #f0e8dc44;border-radius:12px;padding:12px 20px}dialog{color:#f0e8dc;background:#282d1c;border:1px solid #f0e8dc55;border-radius:16px;max-width:min(480px,100vw - 32px);max-height:calc(100dvh - 60px);padding:28px;overflow:auto}dialog::backdrop{background:#000b}dialog h2,dialog .danger{margin-top:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){main{padding:16px 20px 32px}.app-header{padding:22px 20px 10px}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.deck-grid:has(>:only-child){grid-template-columns:minmax(0,250px);justify-content:center}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.deck-intro{grid-template-columns:1fr;gap:24px}.deck-intro>.card-picture,.deck-intro>.picture-unavailable{justify-self:center;max-width:220px}.card-detail{grid-template-columns:1fr;gap:28px}.card-detail>.card-picture{justify-self:center;max-width:300px}.result-list>li{grid-template-columns:1fr;gap:24px}.result-list>li>.card-picture{justify-self:center;max-width:260px}.history-list{grid-template-columns:1fr}.add-deck{padding:18px}.tab-bar a{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}