:root{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172f43;background:#f7f9fa;font-synthesis:none;--ink: #172f43;--muted: #697987;--teal: #147b71;--line: #dce4e8;--lime: #d7f391;--surface: #fff;line-height:1.65;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:not-allowed}img{display:block;width:100%;height:100%;object-fit:cover}svg{flex-shrink:0;vertical-align:middle}p,h1,h2,h3{margin-top:0}h1,h2,h3{line-height:1.45;letter-spacing:-.04em}h1{font-size:2.1rem;margin-bottom:10px;font-weight:750}h2{font-size:1.2rem}h3{font-size:1rem}p{margin-bottom:16px}small{font-size:.8rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2cae9f;outline-offset:4px}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);min-height:48px;font-size:1rem}textarea{resize:vertical}input[type=checkbox]{width:19px;height:19px;min-height:0;padding:0;accent-color:var(--teal);flex-shrink:0}label{display:block;font-size:.875rem;font-weight:550}label>input,label>select,label>textarea{margin-top:7px}fieldset{border:0;padding:0;margin:0}legend{font-size:.875rem;font-weight:600;margin-bottom:10px}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-size:.9rem;font-weight:650;min-height:48px;padding:12px 21px;border:1px solid transparent;border-radius:10px;line-height:1.5;transition:background .18s,transform .18s}.button:hover:not(:disabled){background:#284c63}.button:active:not(:disabled){transform:scale(.98)}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button.secondary:hover:not(:disabled){background:#edf4f5}.button.full{width:100%;margin-top:14px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%}.icon-button:hover{background:#eaf0f2}.text-button{display:inline-flex;align-items:center;gap:7px;color:var(--teal);font-size:.875rem;min-height:44px;padding:9px 0;font-weight:600}.muted{color:var(--muted)}.small{font-size:.85rem}.eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:650;color:var(--teal);margin-bottom:10px}.subtitle{color:var(--muted);font-size:.93rem;margin-bottom:0}.brand{display:flex;align-items:center;gap:11px;font-size:1.3rem;font-weight:750;letter-spacing:-.055em;line-height:1.2}.brand-pocket{font-weight:450}.brand small{display:block;margin-top:5px;font-size:.63rem;font-weight:450;letter-spacing:.09em;color:var(--muted)}.brand-mark{background:var(--ink);color:var(--lime);width:42px;height:42px;display:grid;place-items:center;border-radius:12px}.app-header{height:86px;background:#fffffff2;border-bottom:1px solid var(--line)}.app-header>div{max-width:1120px;margin:auto;height:100%;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:.85rem;font-weight:550}.desktop-nav a{display:flex;align-items:center;gap:6px;min-height:46px;color:var(--muted)}.desktop-nav a.active{color:var(--teal)}.header-settings{border:1px solid var(--line)}main{max-width:1120px;margin:auto;padding:42px 30px 80px;min-height:calc(100dvh - 86px)}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.heading-count{font-size:1rem;font-weight:500;color:var(--muted);margin-left:12px;letter-spacing:0;border-left:1px solid var(--line);padding-left:13px}.collection-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 0;margin-bottom:25px}.collection-stats>div{display:flex;gap:16px;align-items:center;padding:0 26px}.collection-stats>div+div{border-left:1px solid var(--line)}.collection-stats svg{color:var(--teal);width:22px}.collection-stats span{font-size:.8rem;color:var(--muted)}.collection-stats b{display:block;font-size:1.6rem;color:var(--ink);font-weight:650;line-height:1.3}.collection-stats small{font-size:.7rem;font-weight:450;color:var(--muted)}.search-row{display:flex;gap:12px}.search-box{background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;padding-left:17px;flex:1;color:#78909e}.search-box input{border:0;margin:0;background:transparent;font-size:.9rem;outline-offset:0}.collection-controls{margin-bottom:20px}.collection-controls .search-box{margin-top:7px;min-width:0}.collection-controls input{min-width:0;font-size:1rem}.collection-filter-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.collection-filter-fields label,.collection-filter-fields select{min-width:0}.collection-filter-fields select{padding:10px 8px}.collection-reset{display:block;margin:7px 0 0 auto;min-height:36px}.shelf-games{padding-top:20px}.tabs button .tab-count{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e9eef1;color:var(--muted);min-width:22px;height:22px;margin-left:6px;padding:0 5px;font-size:.75rem;font-weight:550;vertical-align:middle}.tabs button.selected .tab-count{background:#e2f0ed;color:var(--teal)}.search-box button{min-width:42px;min-height:44px}.filter-toggle{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 19px;font-size:.85rem;font-weight:600}.filter-toggle.active{color:var(--teal);border-color:var(--teal);background:#edf7f4}.filter-toggle b{background:var(--teal);color:#fff;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:.75rem}.quick-filters{display:flex;gap:9px;overflow:auto;scrollbar-width:none;margin:17px 0 25px;padding-bottom:4px}.quick-filters button{white-space:nowrap;padding:8px 14px;min-height:40px;border:1px solid var(--line);border-radius:22px;font-size:.8rem;background:#fff;color:var(--muted)}.quick-filters button.selected{color:var(--teal);border-color:#9ec8c1;background:#edf6f3}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:22px}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.filter-grid select{font-size:.9rem}.filter-footer{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.check-label{display:flex;gap:9px;align-items:center}.check-label input{margin:0}.filter-panel>p{margin-bottom:0}.query-hint{color:var(--teal);font-size:.85rem}.shelf-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:22px}.tabs button{min-height:46px;font-size:.85rem;color:var(--muted);border-bottom:2px solid transparent;padding:8px 0}.tabs button.selected{color:var(--ink);border-color:var(--teal);font-weight:650}.sort{display:flex;gap:4px;align-items:center;color:var(--muted)}.sort select{font-size:.75rem;border:0;background:none;margin:0;width:auto;padding:6px;min-height:42px}.result-count{font-weight:650;font-size:.9rem;margin:19px 0 14px}.result-count span{font-size:.75rem;letter-spacing:.035em;color:var(--muted);font-weight:400}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.game-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;min-width:0}.game-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #172f4310}.card-image{position:relative;aspect-ratio:1/1.06;overflow:hidden;padding:7px 7px 0}.photo{background:#e5ecef;overflow:hidden;width:100%;height:100%;position:relative}.card-image .photo{border-radius:7px}.photo-badges{position:absolute;top:16px;left:16px;display:flex;gap:5px;flex-wrap:wrap}.photo-badges span{display:flex;align-items:center;gap:3px;color:#fff;background:var(--teal);border-radius:5px;padding:3px 7px;font-size:.65rem;font-weight:600;box-shadow:0 1px 7px #172f4320}.photo-badges .played{background:#fffffff0;color:var(--ink)}.photo-count{position:absolute;bottom:8px;right:15px;color:#fff;background:#172f43b0;font-size:.65rem;padding:2px 7px;border-radius:4px}.card-info{padding:15px 14px 12px}.card-info h3{font-size:1rem;margin:0 0 10px;font-weight:700;overflow-wrap:anywhere}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.card-title-row h3{flex:1;min-width:0;margin-bottom:0}.game-detail-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.game-detail-link:focus-visible:after{outline:3px solid var(--teal);outline-offset:-3px;border-radius:12px}.card-teach-link{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;min-width:48px;padding:4px;min-height:44px;gap:2px;font-size:.7rem;font-weight:650;color:var(--teal);background:#edf6f3;border:1px solid #d2e6e0;border-radius:8px}.card-teach-link:hover{background:#dcefe8}.detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-title-row h1{flex:1;min-width:0;overflow-wrap:anywhere}.title-teach-link{flex-shrink:0;margin-top:4px;padding:10px 14px}.facts{display:flex;gap:14px;flex-wrap:wrap;font-size:.85rem;color:var(--muted);align-items:center}.facts>span{display:flex;align-items:center;gap:5px}.card-info .facts{font-size:.72rem;gap:10px}.card-info .facts svg{width:13px;height:13px}.card-info .difficulty{display:none}.level{width:14px;height:12px;background:linear-gradient(to right,var(--teal) 0 28%,transparent 28% 36%,var(--teal) 36% 64%,transparent 64% 72%,#adc7c2 72%);clip-path:polygon(0 65%,28% 65%,28% 40%,64% 40%,64% 0,100% 0,100% 100%,0 100%)}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef1f3;padding-top:12px;margin-top:13px;font-size:.65rem;gap:4px;color:var(--muted)}.stars{display:flex;gap:2px;color:#b48e35}.stars.interactive{gap:5px}.stars button{min-height:44px;min-width:36px;padding:3px}.teach-tag{display:flex;align-items:center;gap:4px;color:var(--teal);white-space:nowrap}.shelf-caption{text-align:center;color:#91a0ab;letter-spacing:.1em;font-size:.75rem;margin-top:45px}.empty-collection{max-width:780px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:center;margin:38px auto 10px;padding:50px 25px}.empty-focus{border:1px dashed #84b1ab;border-radius:24px;background:#eff7f5;color:var(--teal);width:114px;height:114px;display:grid;place-items:center;margin:0 auto 25px}.empty-collection h2{font-size:1.8rem;line-height:1.65;font-weight:650}.empty-collection>p:not(.eyebrow){font-size:.9rem;color:var(--muted);line-height:1.9}.empty-collection .button{margin:10px 0 32px}.empty-steps{display:flex;justify-content:center;gap:28px;padding-top:25px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.empty-steps b{color:var(--teal);font-size:.75rem;margin-right:8px;font-weight:550}.no-results{text-align:center;padding:55px 15px;color:var(--muted)}.no-results h1{font-size:1.4rem}.no-results h2{color:var(--ink);margin:15px 0 10px}.bottom-nav{display:none}.offline-banner{background:#fff0c9;display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 15px;font-size:.78rem;color:#765711}.offline-banner button{text-decoration:underline;min-height:30px;white-space:nowrap}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:13px 23px;border-radius:10px;box-shadow:0 5px 25px #172f4330;z-index:30;font-size:.85rem;max-width:90%;width:max-content;animation:toast-in .2s ease}.error{background:#fff0ee;color:#a53932;border-left:3px solid #c4584e;padding:12px 15px;border-radius:5px;font-size:.85rem;overflow-wrap:anywhere}.notice{background:#eaf4f2;border-radius:9px;color:#37645d;padding:14px 16px;font-size:.875rem;line-height:1.8}.notice p{margin-top:5px;margin-bottom:0}.notice svg{margin-right:5px}.modal{border:1px solid var(--line);border-radius:18px;width:min(480px,calc(100% - 30px));padding:25px;color:var(--ink);max-height:85dvh;overflow:auto;box-shadow:0 20px 90px #172f4340}.modal::backdrop{background:#102b416b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px;gap:15px}.modal-heading h2{margin:0;font-size:1.1rem}.modal>p{font-size:.9rem}.modal label{margin:15px 0}.modal textarea{min-height:100px}.prompt-text{font-size:.85rem!important;height:220px;line-height:1.8}.back-link{display:inline-flex;gap:3px;align-items:center;font-size:.8rem;min-height:40px;color:var(--muted)}.capture-page{max-width:610px;margin:0 auto}.capture-page>.back-link{margin-bottom:20px}.capture-guidance{display:flex;align-items:center;gap:12px;padding:16px;margin:16px 0 20px;background:#e4f2ed;border-left:4px solid var(--teal);border-radius:8px;color:#195c50;font-size:1.05rem;font-weight:650;line-height:1.6}.capture-guidance svg{flex-shrink:0}.modal>.capture-guidance{font-size:1rem}.photo-modal{width:min(480px,calc(100% - 16px));max-height:98dvh;padding:16px}.photo-modal .modal-heading{margin-bottom:12px}.photo-modal>.capture-guidance{font-size:.875rem;padding:10px;margin:8px 0;gap:8px}.photo-modal .box-stage{margin:12px auto}.photo-modal .camera-status{margin:10px 0}.photo-modal .crop-instruction{margin:8px 0 12px}.photo-modal .text-button.full{width:100%;justify-content:center;margin-top:8px;background:transparent}.box-stage{position:relative;width:100%;margin:20px auto;background:#102321;border-radius:6px}.box-stage video,.box-stage>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.box-outline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.box-outline polygon{fill:#19c19918;stroke:#55f2be;stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.camera-loading{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);color:#fff}.camera-stage.starting{max-height:220px}.camera-status{text-align:center;color:var(--muted);font-size:.875rem;margin:14px 0;min-height:24px}.camera-fallback{margin-top:12px}.crop-instruction{margin-bottom:20px}.crop-handle{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;display:grid;place-items:center;background:transparent;border:0;touch-action:none;cursor:grab}.crop-handle>span{width:20px;height:20px;border:3px solid white;background:#168969;border-radius:50%;box-shadow:0 1px 6px #0009}.crop-handle:focus-visible{outline:2px solid white;outline-offset:-7px}.batch-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:12px 15px;background:#edf6f3;border-radius:10px;color:var(--teal)}.batch-progress span{font-size:.875rem}.capture-recovery img{max-height:260px;object-fit:contain;margin-bottom:18px}.capture-recovery .button{margin-top:12px}.batch-skip.button{color:var(--muted);background:transparent;margin-top:12px}.batch-results{display:grid;gap:12px;margin:24px 0}.batch-result{display:flex;align-items:center;gap:16px;padding:12px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff}.batch-result>.photo{width:64px;height:80px;flex:0 0 64px;border-radius:8px;overflow:hidden}.batch-result span{min-width:0}.batch-result strong,.batch-result small{display:block;overflow-wrap:anywhere}.batch-result small{color:var(--muted)}.capture-steps{display:flex;align-items:center;gap:15px;justify-content:center;margin:28px 0 25px;font-size:.8rem;color:#8d9ba5}.capture-steps span{display:flex;gap:7px;align-items:center}.capture-steps b{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:450}.capture-steps .current{color:var(--teal);font-weight:600}.capture-steps .current b{background:var(--teal);color:#fff;border-color:var(--teal)}.capture-steps i{width:26px;height:1px;background:var(--line)}.capture-zone{width:100%;min-height:350px;background:#edf4f5;border:1px dashed #a1b8c2;border-radius:17px;padding:35px;text-align:center}.capture-zone h2{margin:25px 0 12px;font-size:1.2rem}.capture-zone p{font-size:.875rem;color:var(--muted)}.capture-zone img{max-height:360px;border-radius:10px}.scan-corners{color:var(--teal);margin:auto;background:#e2eeec;border-radius:20px;width:112px;height:112px;display:grid;place-items:center}.photo-privacy{font-size:.73rem;color:var(--muted);text-align:center;margin:17px 0;line-height:1.7}.identifying{border-radius:17px;overflow:hidden;position:relative;height:380px;background:#e9f1f4}.identifying>img{filter:brightness(.5)}.identifying>div{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;padding:15px;text-align:center}.identifying h2{margin:18px 0 7px}.identifying p{font-size:.8rem}.spin{animation:spin 1s linear infinite}.confirmation-photo{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;margin-bottom:25px}.retake{position:absolute;right:12px;bottom:12px;display:flex;gap:5px;align-items:center;background:#fffffff2;color:var(--ink);border-radius:8px;padding:9px 13px;font-size:.8rem;min-height:42px}.confirmation-form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.step-label{font-size:.7rem;color:var(--teal);letter-spacing:.12em;margin-bottom:7px}.confirmation-form h2{font-size:1.2rem;margin-bottom:10px}.confirmation-form>label{margin:17px 0}.candidate{display:flex;width:100%;justify-content:space-between;text-align:left;border:1px solid var(--line);padding:14px;border-radius:9px;margin:9px 0;gap:10px;align-items:center}.candidate strong{display:block;font-size:.95rem}.candidate small{display:block;font-size:.72rem;color:var(--muted);margin-top:4px;line-height:1.7}.candidate.selected{border-color:var(--teal);background:#f0f8f5}.radio-dot{border:1px solid var(--line);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex-shrink:0}.selected .radio-dot{background:var(--teal);color:#fff;border-color:var(--teal)}.manual-matches{margin:12px 0}.manual-matches button{display:block;width:100%;text-align:left;padding:12px 13px;border:1px solid var(--line);border-radius:9px;margin:7px 0;background:#f7faf9}.manual-matches strong,.manual-matches small{display:block}.manual-matches small{color:var(--muted);margin-top:5px;font-size:.73rem}.status-options{margin-top:23px;display:flex;gap:10px}.status-options>label{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px 14px;flex:1}.status-options label.checked{background:#f0f8f5;border-color:#a8cfc4;color:var(--teal)}.status-options input{margin:0}.rating-field{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0;font-size:.85rem}.rating-field>span>small{margin-left:8px;color:var(--muted);font-size:.75rem}.success-page{text-align:center;padding-top:16px;max-width:460px}.success-check{display:grid;place-items:center;width:66px;height:66px;background:var(--lime);color:#37633b;border-radius:50%;margin:0 auto 20px}.success-page h1{font-size:1.7rem}.success-photo{width:195px;aspect-ratio:4/5;padding:7px;background:#fff;margin:27px auto 25px;border:1px solid var(--line);transform:rotate(-3deg);box-shadow:5px 8px #e0e8ec;border-radius:8px}.success-photo img{border-radius:4px}.success-page>.button{width:100%;margin-top:12px}.install-card{display:flex;gap:15px;text-align:left;background:#edf5ef;border:1px solid #cde1d0;padding:20px;border-radius:13px;margin:26px 0;color:#284d3e;align-items:flex-start}.install-card>div:nth-child(2){flex:1}.install-card h3{font-size:.9rem;margin:0 0 5px}.install-card p{font-size:.8rem;margin-bottom:0}.install-icon{width:43px;height:43px;border-radius:11px;background:#d5eace;display:grid;place-items:center;flex-shrink:0}.install-card>.icon-button{min-width:28px;min-height:28px}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.detail-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:45px}.detail-media{min-width:0}.detail-photo-wrapper{position:relative}.photo-edit-button{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fffffff2;color:var(--ink);box-shadow:0 2px 8px #172f4320}.photo-edit-button:hover:not(:disabled){background:#fff;color:var(--teal)}.detail-photo{aspect-ratio:4/4.7;height:auto;border:8px solid white;border-radius:14px;box-shadow:0 0 0 1px var(--line)}.my-summary{display:flex;justify-content:space-around;gap:12px;text-align:center}.my-summary strong,.my-summary span{display:block}.my-summary strong{font-size:1.7rem;color:var(--teal)}.my-summary span{font-size:.8rem;color:var(--muted)}.transfer-file{overflow-wrap:anywhere}.my-page .settings-card .text-button{display:flex;margin-top:16px}.photo-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:.75rem;color:var(--teal)}.photo-actions a,.photo-actions button{display:flex;align-items:center;gap:5px;min-height:40px}.photo-strip{display:flex;gap:8px;overflow:auto;padding:14px 2px 2px}.photo-strip button{width:62px;height:62px;padding:3px;border:1px solid var(--line);border-radius:7px;flex-shrink:0}.photo-strip button.selected{border:2px solid var(--teal)}.photo-strip .photo{border-radius:3px}.detail-info h1{font-size:1.95rem;margin-bottom:6px}.game-description{margin:20px 0;font-size:.95rem;line-height:1.9}.detail-info>.facts{padding:12px 0;border-bottom:1px solid var(--line)}.metadata-grid{display:grid;gap:16px;margin:24px 0}.metadata-label{display:block;color:var(--muted);font-size:.7rem;margin-bottom:8px}.metadata-chips{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}.metadata-chips li{max-width:100%;overflow-wrap:anywhere;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.75rem;line-height:1.5}.personal-record{padding-top:7px}.personal-record h2{font-size:1.1rem}.record-switches{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem}.record-switches label{display:flex;gap:7px;align-items:center}.record-switches input{margin:0}.play-history{margin-top:35px;border-top:1px solid var(--line);padding-top:28px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.section-title h2{display:flex;gap:9px;align-items:center;font-size:1.05rem;margin:0;flex-wrap:wrap}.section-title h2>span{font-size:.8rem;color:var(--muted);font-weight:400}.section-title .button{font-size:.8rem;padding:9px 13px}.play-list{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.play-list>div{display:flex;align-items:center;gap:20px;padding:15px 17px;font-size:.85rem}.play-list>div+div{border-top:1px solid var(--line)}.play-list>div>span:nth-child(2){flex:1}.play-list small{display:block;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.play-date{font-weight:600;flex-shrink:0}.source-details{border-top:1px solid var(--line);padding-top:20px;margin:35px 0 22px}.source-details summary{font-size:.85rem;font-weight:600;cursor:pointer;min-height:36px}.source-details>p{margin:13px 0}.source-details a{color:var(--teal);font-size:.85rem;display:inline-flex;gap:5px;align-items:center}.source-details small{display:block;color:var(--muted);font-size:.73rem;margin-top:4px}.danger{color:#ac4a45}.button.delete-action,.photo-actions .delete-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;color:#bd2437;background:#fff0f2;border:1px solid #f0bfc7;border-radius:10px;font-weight:650}.button.delete-action:hover:not(:disabled),.photo-actions .delete-action:hover:not(:disabled){color:#a7192b;background:#ffe1e6}.detail-page>.delete-action{margin-top:24px}.detail-registered{margin:28px 0 0;font-size:.7rem}.danger-button{background:#ac4a45}.button.danger-button:hover{background:#933a35}.teach-note-editor{margin-top:16px}.teach-note-editor label{display:block;font-weight:700}.teach-note-editor p{font-size:.8rem;line-height:1.7}.teach-note-editor textarea{background:#fff;line-height:1.7;resize:vertical;margin-bottom:12px}.teach-note-editor textarea:read-only{background:#f5f7f6}.personal-teach-note{margin:28px 0;padding:20px;border:1px solid #c8ded6;border-radius:12px}.personal-teach-note .button{margin-top:20px}.teach-note-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:1.125rem}.reader-page{max-width:720px;margin:auto}.reader-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:28px}.reader-toolbar>div{display:flex;align-items:center}.reader-page>h1{font-size:2rem}.reader-page>.facts{margin-top:20px}.reader-verification{font-size:.75rem;color:var(--muted);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:18px;line-height:1.9}.short-script{background:#edf4ef;padding:17px 20px;border-radius:10px;margin-bottom:22px;color:#335749}.short-script summary{font-size:.875rem;font-weight:600;cursor:pointer}.short-script p{margin:15px 0 3px;font-size:.95rem;line-height:2}.reader-toc{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px 20px;gap:5px 20px;margin-bottom:30px}.reader-toc a{font-size:.8rem;display:flex;gap:10px;align-items:center;min-height:42px}.reader-toc span{font-size:.72rem;color:var(--teal)}.teach-script section{scroll-margin-top:25px;margin:35px 0;padding:25px 28px;background:#fff;border:1px solid var(--line);border-radius:13px}.teach-script h2{font-size:1.25em;margin:9px 0 24px;letter-spacing:-.04em}.teach-script p{line-height:2.05;white-space:pre-line;margin-bottom:23px}.teach-script p:last-child{margin-bottom:0}.section-number{font-size:.7em;letter-spacing:.15em;color:var(--teal);font-weight:650}.reader-end{text-align:center;padding:30px;background:#edf5ef;border-radius:12px;margin-top:30px}.reader-end svg{color:var(--teal)}.reader-end h2{font-size:1.1rem;margin:15px 0 9px}.reader-end p{font-size:.85rem;color:var(--muted)}.settings-page{max-width:680px;margin:auto}.settings-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;margin-top:24px}.settings-card-heading{display:flex;gap:13px;align-items:center;margin-bottom:17px;color:var(--teal)}.settings-card-heading h2{margin:0;font-size:1.1rem;color:var(--ink)}.settings-card>p{font-size:.9rem;line-height:1.9}.settings-card>.small{font-size:.8rem}.settings-card>.text-button{margin-left:12px}.settings-page>.danger{margin-top:25px}.app-version{font-size:.68rem;color:var(--muted);letter-spacing:.1em;margin-top:30px}.privacy>h2{margin:32px 0 12px}.privacy>p{font-size:.95rem;line-height:2}.admin-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.admin-page>label{max-width:240px}.unknown-list article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin:22px 0;display:flex;justify-content:space-between;gap:25px}.unknown-list h2{font-size:1.2rem;margin:0 0 13px}.unknown-list code{font-size:.65rem;overflow-wrap:anywhere;color:var(--muted)}.unknown-list form{max-width:260px}.unknown-list .button{margin-top:10px}.photo-unavailable{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;color:#78909e;gap:8px;padding:10px;text-align:center}.photo-unavailable small{font-size:.7rem}.initial-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55dvh;color:var(--muted);gap:15px}.skip-link{position:fixed;top:10px;left:15px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;background:var(--ink);color:#fff;padding:15px;z-index:100}.skip-link:focus{width:auto;height:auto;overflow:visible;clip-path:none}.commerce{padding:0 0 20px}.button.commerce-link{background:#bf0000;color:#fff}.button.commerce-link:hover{background:#a50000}.commerce p{margin:7px 0 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;bottom:10px}to{opacity:1}}@media(min-width:1400px){main{padding-top:55px}.game-grid{gap:24px}}@media(max-width:900px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.desktop-nav{gap:18px}.detail-layout{gap:25px}.collection-stats>div{padding:0 18px}}@media(max-width:640px){.app-header{height:73px}.app-header>div{padding:0 21px}.brand{font-size:1.22rem;gap:9px}.brand-mark{width:36px;height:36px;border-radius:10px}.brand small{font-size:.6rem}.desktop-nav{display:none}.header-settings{width:39px;height:39px;min-height:39px;min-width:39px}main{padding:29px 20px calc(112px + env(safe-area-inset-bottom));min-height:calc(100dvh - 73px)}h1{font-size:1.75rem}.eyebrow{font-size:.64rem;letter-spacing:.12em}.page-heading{margin-bottom:24px}.desktop-add{display:none}.subtitle{font-size:.85rem}.collection-stats{padding:15px 0;margin-bottom:21px}.collection-stats>div{padding:0 12px;display:block;text-align:center}.collection-stats svg{display:none}.collection-stats span{font-size:.65rem}.collection-stats b{font-size:1.4rem;margin-top:6px}.collection-stats small{font-size:.58rem;display:none}.search-row{gap:8px}.search-box{padding-left:12px;gap:4px;min-width:0}.search-box svg{width:18px}.search-box input{font-size:.85rem;padding-left:7px;min-width:0;min-height:48px}.filter-toggle{padding:0 13px;gap:4px;min-width:46px}.filter-toggle>span{display:none}.filter-toggle b{font-size:.63rem;width:17px;height:17px}.quick-filters{gap:7px;margin:15px -20px 17px;padding:0 20px 5px}.quick-filters button{font-size:.72rem;padding:7px 11px;min-height:36px}.filter-panel{padding:16px}.filter-grid{grid-template-columns:1fr 1fr;gap:14px}.filter-grid label{font-size:.75rem}.filter-grid select{font-size:.8rem;padding:10px;min-height:44px}.filter-footer{display:block}.filter-footer .check-label{font-size:.73rem}.filter-panel>p{font-size:.72rem}.tabs{gap:17px}.tabs button{font-size:.75rem;min-height:45px}.sort svg{display:none}.sort select{font-size:.65rem;padding:5px 0;max-width:109px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.result-count{margin:17px 0 12px;font-size:.8rem}.result-count span{font-size:.65rem}.card-image{padding:5px 5px 0;aspect-ratio:1/1.15}.game-card{border-radius:10px}.card-info{padding:12px 11px 11px}.card-info h3{font-size:.9rem;margin-bottom:8px;line-height:1.6}.card-info .facts{font-size:.65rem;gap:7px}.card-info .facts svg{width:12px;height:12px}.photo-badges{left:11px;top:11px;gap:4px}.photo-badges span{font-size:.6rem;padding:3px 5px}.card-bottom{font-size:.58rem;flex-wrap:wrap;padding-top:9px;margin-top:11px;min-height:25px}.card-bottom .stars svg{width:11px}.teach-tag{font-size:.59rem;gap:3px}.teach-tag svg{width:10px}.empty-collection{margin-top:23px;border-radius:13px;padding:32px 18px}.empty-focus{width:100px;height:100px;margin-bottom:21px}.empty-collection h2{font-size:1.45rem;margin-bottom:16px}.empty-collection>p:not(.eyebrow){font-size:.82rem}.empty-collection .button{font-size:.85rem;padding:13px 20px}.empty-steps{gap:15px;font-size:.68rem}.empty-steps b{font-size:.62rem;margin-right:5px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;align-items:center;height:calc(80px + env(safe-area-inset-bottom));padding:8px 10px calc(7px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav>a{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;font-size:.65rem;color:#7b8b97;min-width:85px;min-height:60px}.bottom-nav>a.active{color:var(--teal)}.bottom-nav .camera-nav{position:relative;margin-top:-30px;gap:5px}.camera-nav>span{width:57px;height:57px;background:var(--ink);color:var(--lime);display:grid;place-items:center;border-radius:18px;box-shadow:0 3px #b9cbd4;border:4px solid #f7f9fa;box-sizing:content-box}.camera-nav>b{font-size:.62rem;font-weight:550;color:var(--ink)}.toast{bottom:calc(98px + env(safe-area-inset-bottom));font-size:.8rem;padding:12px 18px}.capture-page>h1{font-size:1.6rem}.capture-page>.back-link{margin:-10px 0 8px}.capture-steps{gap:10px;font-size:.72rem;margin:16px 0}.capture-steps i{width:17px}.capture-zone{min-height:200px;padding:14px 19px}.capture-zone .scan-corners{width:64px;height:64px;border-radius:14px}.capture-zone .scan-corners svg{width:48px;height:48px}.capture-zone h2{margin-top:12px}.capture-page>.capture-guidance{padding:14px;margin:12px 0}.capture-zone p,.capture-zone .button{font-size:.82rem}.confirmation-form{padding:19px}.confirmation-form h2{font-size:1.1rem}.confirmation-form .small{font-size:.78rem}.status-options>label{padding:10px 11px;font-size:.78rem}.rating-field{font-size:.78rem}.rating-field>span>small{display:block;margin:0}.stars.interactive{gap:0}.stars button{min-width:33px}.detail-top{margin:-9px 0 19px}.detail-layout{display:block}.detail-photo{aspect-ratio:1.1/1;max-height:390px}.photo-actions{font-size:.72rem}.detail-info{margin-top:25px}.detail-info h1{font-size:1.75rem}.detail-info>.facts{font-size:.8rem;gap:17px}.metadata-grid{margin:23px 0;gap:18px}.record-switches{font-size:.8rem;gap:16px}.personal-record{padding-top:7px}.play-history{margin-top:26px;padding-top:23px}.section-title{gap:7px}.section-title h2{font-size:.9rem;gap:6px}.section-title h2 svg{width:17px}.section-title .button{font-size:.73rem;padding:9px 10px}.play-list>div{padding:10px 12px;gap:12px;font-size:.75rem}.play-list small{font-size:.7rem}.reader-toolbar{margin:-12px 0 19px}.reader-page>h1{font-size:1.7rem}.reader-toc{grid-template-columns:1fr;padding:10px 17px;gap:0}.reader-toc a{font-size:.8rem;min-height:39px}.teach-script section{padding:22px 20px;margin:25px 0;border-radius:11px}.teach-script h2{font-size:1.13em;margin:9px 0 21px}.teach-script p{line-height:2;letter-spacing:.01em}.reader-verification{font-size:.7rem}.settings-card{padding:20px;margin-top:21px}.settings-card h2{font-size:1rem}.settings-card>p{font-size:.85rem}.settings-card>.text-button{display:flex;margin-left:0}.install-card{padding:17px;gap:11px}.install-card h3{font-size:.85rem}.install-card p{font-size:.75rem}.install-icon{width:35px;height:35px}.unknown-list article{display:block}.unknown-list form{max-width:100%;margin-top:20px}.offline-banner{font-size:.66rem;gap:5px;line-height:1.7}.modal{padding:21px;border-radius:15px}.no-results{padding:38px 6px}.no-results h2{font-size:1.05rem}.no-results p{font-size:.85rem}.reader-end{padding:24px 19px}}@media(max-width:370px){main{padding-left:15px;padding-right:15px}.quick-filters{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.game-grid{gap:10px}.card-info{padding:11px 9px}.card-info .facts{gap:5px}.tabs{gap:13px}.card-bottom .teach-tag{font-size:.56rem}.empty-steps{gap:10px}.rating-field{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:640px){.collection-page .page-heading{flex-wrap:nowrap;gap:10px}.collection-page .page-heading h1{font-size:clamp(1.4rem,6vw,1.6rem);white-space:nowrap;margin-bottom:0}.home-capture{width:auto;flex-shrink:0;gap:6px;padding:10px 12px;font-size:.8125rem}.home-capture svg{width:16px;height:16px}.detail-title-row{gap:12px}.title-teach-link{gap:6px;padding:10px 12px;font-size:.8125rem}input,textarea,select,.search-box input,.filter-grid select,.sort select{font-size:1rem}.quick-filters button{font-size:.875rem;min-height:44px}.tabs button,.filter-grid label,.status-options>label,.record-switches label{font-size:.875rem}.card-info h3{font-size:1rem}.card-info .facts,.card-bottom,.teach-tag,.photo-badges span,.collection-stats span,.result-count span,.candidate small{font-size:.75rem}.settings-card>p{font-size:1rem}.toast{font-size:.875rem}}