*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit}img.emoji{height:1em;width:1em;vertical-align:-.1em;display:inline}:root{--bg: #f5f0e8;--surface: #ffffff;--border: #e8dfd4;--border-strong: #2c2520;--text: #3b3028;--text-secondary: #5c4a36;--text-muted: #8b7355;--accent: #4a8c2a;--accent-hover: #3d7a1f;--success: #4a8c2a;--miss: #c0392b;--radius: 10px;--shadow: 0 3px 0 #2c2520;--shadow-sm: 0 2px 0 #2c2520}body{font-family:Fredoka,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}#app{max-width:540px;margin:0 auto;padding:1rem}@media(min-width:768px){html{font-size:24px}#app{max-width:600px}}.header{text-align:center;padding:.85rem 0 1rem;margin-bottom:.5rem}.header h1{line-height:1}.header-logo{height:84px;width:auto;display:block;margin:0 auto}.date-pill{display:inline-block;font-size:.68rem;font-weight:500;color:#8a6d2b;background:#fff1d6;border:3px solid #000;border-radius:999px;padding:3px 10px;margin-top:-.5rem;line-height:1;transform:rotate(1deg);white-space:nowrap}.date-pill__cat{display:inline-flex;align-items:center;gap:.12rem;margin-left:.2rem;padding:0;background:transparent;border:0;border-radius:0;text-transform:capitalize;color:inherit;font-weight:700}.date-pill__cat-dot{line-height:1}.header-nav{display:flex;justify-content:center;gap:1rem;margin-top:.6rem;font-size:.85rem}.header-nav a{color:var(--text-secondary);text-decoration:none;font-weight:600}.header-nav a:hover{color:var(--text);text-decoration:underline}.badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:#e8dfd4;color:var(--text-secondary);padding:.2em .7em;border-radius:999px;margin-bottom:.75rem;border:1.5px solid var(--border-strong)}.prompt-block{text-align:center;margin-bottom:1.35rem}.prompt-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.12rem}.prompt{font-size:34px;font-weight:700;line-height:1.2;color:#fff;-webkit-text-stroke:5px #2c2520;paint-order:stroke fill;text-shadow:rgb(44,37,32) 0 4px 0,rgb(44,37,32) 1px 4px 0,rgb(44,37,32) -1px 4px 0,rgb(44,37,32) 2px 4px 0,rgb(44,37,32) -2px 4px 0;overflow-wrap:break-word;word-break:break-word;user-select:none;-webkit-tap-highlight-color:transparent}.scoring-hint{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-top:.5rem}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.section-title-row .section-title{margin-bottom:0}.section-source{font-size:.72rem;color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}.hint{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:1rem}.already-played-banner{background:#fff4d2;border:2px solid var(--border-strong);border-radius:var(--radius);padding:.6rem 1rem;font-size:.9rem;font-weight:600;text-align:center;margin-bottom:1rem;color:#8b6a2a;box-shadow:var(--shadow-sm)}.historic-banner{background:#dde8f0;border:2px solid var(--border-strong);border-radius:var(--radius);padding:.6rem 1rem;font-size:.9rem;font-weight:600;text-align:center;margin-bottom:1rem;color:#2c5282;box-shadow:var(--shadow-sm)}.guess-list{width:100%;border:2px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:1.25rem}.rank-list{display:flex;flex-direction:column;gap:8px;padding:0;background:transparent;border:none;box-shadow:none;overflow:visible}.rank-row{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.5rem;align-items:center;padding:.1rem 0;position:relative}.rank-row:last-child{border-bottom:none}.guess-label{font-size:.85rem;font-weight:700;color:var(--text-muted);min-width:2.5rem;display:flex;align-items:center;justify-content:center;padding:.6rem .35rem;border:2px dashed #b8a68f;border-radius:12px;background:#eee2d2;box-shadow:0 2px #cdbda9}.rank-choice{flex:1;padding:.75rem .85rem;display:flex;align-items:center;background:#e8e0d4;border:2px solid var(--border-strong);border-radius:18px;box-shadow:0 2px #2c2520;cursor:grab;user-select:none;touch-action:none;transition:background .12s ease}.rank-choice[data-rank="1"]{background:#f9d9d4}.rank-choice[data-rank="2"]{background:#fbe9be}.rank-choice[data-rank="3"]{background:#dff0c8}.rank-choice[data-rank="4"]{background:#cfe9f6}.rank-choice[data-rank="5"]{background:#e3d8f2}.rank-choice[data-rank="6"]{background:#fde8c8}.rank-choice[data-rank="7"]{background:#d8f0ec}.rank-cutoff-divider{text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.04em;color:#aaa;padding:.3rem 0 .15rem;pointer-events:none;user-select:none}.rank-choice:hover{filter:brightness(.96)}.rank-list--locked .rank-choice{cursor:default;touch-action:auto}.rank-list--locked [data-dnd-item]{pointer-events:none}.rank-list--locked .rank-choice:hover{filter:none}.rank-choice--source{opacity:0;pointer-events:none}.rank-choice__stack{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.rank-choice__answer-pill{position:absolute;top:-.42rem;left:3.7rem;max-width:calc(100% - 3.95rem);display:none;padding:2px 7px;border:2px dashed rgb(196,184,154);border-radius:20px;background:#fff;box-shadow:none;font-size:12px;font-weight:500;line-height:18px;color:#8b7355;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;text-align:center;transition:background .15s ease,color .15s ease,border .15s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.rank-choice__answer-pill:not(:empty){display:block}.rank-choice__result{font-size:.82rem}.rank-choice__result:empty{display:none}.rank-name{font-size:1rem;font-weight:700;color:var(--text);line-height:1.2}.rank-choice--ghost{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;opacity:1;cursor:grabbing;box-shadow:0 4px #2c2520}.result-rank-row{padding:.45rem 0 0;transition:opacity .22s ease,transform .22s ease}.result-rank-row--hidden{opacity:0;transform:translateY(10px) scale(.98)}.result-rank-row--revealed{opacity:1;transform:none}.result-rank-row .rank-choice{justify-content:space-between;gap:.75rem;min-width:0}.result-rank-row .pts-badge{flex-shrink:0;min-width:2.1rem;height:2.1rem;display:inline-flex;align-items:center;justify-content:center;padding:.1rem;background:#fff;border:2px solid #2c2520;border-radius:12px;box-shadow:0 3px #2c2520;font-size:1rem;line-height:1}.result-badge-icon{width:1.25rem;height:1.25rem;display:block;object-fit:contain;transform:scale(1.45) rotate(-6deg);transform-origin:center}.result-rank-row--revealed .result-badge-icon{animation:result-badge-bounce .42s cubic-bezier(.2,.9,.2,1.15) 90ms both}@keyframes result-badge-bounce{0%{transform:scale(.7) rotate(-14deg)}55%{transform:scale(1.62) rotate(-4deg)}75%{transform:scale(1.34) rotate(-9deg)}to{transform:scale(1.45) rotate(-6deg)}}.result-rank-row--hit .rank-choice{background:#c8e6c9}.result-rank-row--miss .rank-choice{background:#fcc8c0}.btn-icon{width:16px;height:16px;display:block;object-fit:contain;transform:scale(2);flex-shrink:0}.score-icon{width:30px;height:30px;display:block;object-fit:contain;flex-shrink:0}.btn-submit{width:80%;padding:.68rem;background:#c8e6a0;color:var(--text);font-size:.98rem;font-weight:700;border:2px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease;line-height:1;display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.btn-submit:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.btn-submit:disabled{opacity:.55;cursor:not-allowed}.btn-submit.loading:after{content:" …"}#play-view{padding-bottom:.75rem}#guess-form{display:flex;flex-direction:column;align-items:center}.error-msg{color:var(--miss);font-size:.9rem;font-weight:600;margin-top:.5rem;text-align:center}.score-card{margin-bottom:1.5rem}.score-card__shell{background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:.75rem 1rem 0;overflow:hidden}.score-card__header-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.4rem}.score-card__total-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-card__score-group{display:flex;flex-direction:column;gap:3px}.score-card__number{font-size:2.4rem;font-weight:700;color:var(--text);line-height:1;display:flex;align-items:baseline;gap:6px}.score-card__max{font-size:1.2rem;font-weight:500;color:var(--text-muted)}.score-card__divider{width:calc(100% + 2rem);margin-left:-1rem;border-top:2px dashed var(--border);margin-top:.85rem;margin-bottom:.75rem}.score-card__section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.5rem}.results-table--inset{border:none!important;margin-left:-1rem}.results-table--inset th{background:#f7f3ec;border-bottom:1px solid var(--border)}.results-table--simple{width:calc(100% + 2rem);margin:0 0 0 -1rem;border-radius:10px;overflow:hidden}.actual-order-rank{width:3.5rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.actual-order-name{font-weight:700;color:var(--text)}.actual-order-fact{font-size:.82rem;color:var(--text-secondary)}.score-card__source-row{font-size:.78rem;color:var(--text-muted);margin:0;padding:.7rem 1rem .8rem}.score-card__source-row .section-source{color:var(--text-secondary);font-weight:600}.grade-letter{font-size:3.2rem;font-weight:700;line-height:1;position:relative;flex-shrink:0;-webkit-text-stroke:6px #2c2520;paint-order:stroke fill;filter:drop-shadow(0 2px 0 #2c2520);transform:rotate(-6deg);animation:grade-pop .5s cubic-bezier(.22,1.2,.36,1)}.grade--s{color:#fff59d}.grade--a{color:#c8e6c9}.grade--b{color:#bbdefb}.grade--c{color:#d8c4e8}.grade--d{color:#ffe0b2}.grade--f{color:#fcc8c0}@keyframes grade-pop{0%{transform:scale(0) rotate(-6deg);opacity:0}50%{transform:scale(1.3) rotate(-6deg)}to{transform:scale(1) rotate(-6deg);opacity:1}}.score-actions{margin-bottom:1rem;display:flex;width:100%;margin-top:6px;gap:6px}.score-btn{flex:1;padding:.85rem;font-size:1.05rem;font-weight:700;border:2px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease;line-height:1;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--text);background:var(--surface);text-decoration:none}.score-btn:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.score-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.score-btn--share{flex:2;background:#b3d4fc}.score-btn--share.copied{background:#c8e6c9;color:#1e6b3f}.score-btn--retry{flex:1;background:#fddcb5}.section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem}.section-title--tight{margin-top:.1rem}.results-table{width:calc(100% + 2rem);border-collapse:collapse;font-size:.9rem;background:var(--surface);border:2px solid var(--border-strong)}.results-table th{background:#f0ebe3;font-weight:600;padding:.5rem .75rem;text-align:left;font-size:.78rem;color:var(--text-muted);border-bottom:2px solid var(--border-strong)}.results-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border)}.results-table tr:last-child td{border-bottom:none}.results-table tbody tr:nth-child(odd) td{background:#f7f3ec}.results-table tbody tr:nth-child(2n) td{background:var(--surface)}.hit{color:var(--success);font-weight:700}.miss{color:var(--miss);font-weight:700}.pts-badge{display:inline-block;min-width:1.75rem;text-align:center;font-weight:700;font-size:.85rem;padding:.15em .35em;border-radius:6px}.pts-badge.hit{background:transparent;color:#1e6b3f}.pts-badge.miss{background:transparent;color:#8b2a2a}.stats-panel{background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius);padding:1rem 1.1rem 1.1rem;box-shadow:var(--shadow);margin-bottom:.75rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;margin-bottom:0;background:#f7f3ec;border:1.5px solid var(--border);border-radius:8px;overflow:hidden}.stat-card{background:transparent;border:0;border-radius:0;padding:.75rem .9rem;box-shadow:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem}.stat-card+.stat-card{border-left:1.5px solid var(--border)}.stat-value{font-size:1.9rem;font-weight:700;color:var(--text);line-height:1;letter-spacing:-.01em}.stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stats-panel .section-title{margin-bottom:.6rem}.stats-panel .section-title--tight{margin:1rem -1.1rem .6rem;padding:.9rem 1.1rem 0;border-top:2px dashed var(--border)}.hit-rates{display:flex;flex-direction:column;gap:.7rem}.hit-rate-row{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.hit-rate-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.hit-rate-label{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.hit-rate-bar-wrap{height:10px;background:var(--border);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px #0000000a}.hit-rate-bar{height:100%;background:#8bc47a;border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.hit-rate-pct{font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.misses-list{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem}.misses-list span{display:inline-block;background:var(--surface);border:2px solid var(--border-strong);border-radius:6px;padding:.15em .5em;margin:.15em .2em;font-weight:600;box-shadow:0 2px 0 var(--border-strong)}.more-btn-wrap{margin-top:6px;margin-bottom:2rem;display:flex;justify-content:center}.btn-more{display:flex;align-items:center;justify-content:center;width:100%;gap:12px;padding:.85rem;background:#c8e6c9;color:var(--text);font-size:1.05rem;font-weight:700;border:2px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease;text-decoration:none;line-height:1}.btn-more:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.btn-more:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.archive-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.archive-item{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:2px solid var(--border-strong);border-radius:var(--radius);padding:.85rem 1rem;text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.archive-item-main{flex:1;min-width:0}.archive-item:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--border-strong)}.archive-item:active{transform:translateY(2px);box-shadow:0 1px 0 var(--border-strong)}.archive-item-date{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.06em}.archive-item-prompt{font-size:1rem;font-weight:700;line-height:1.3;color:var(--text)}.archive-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-weight:600}