.world-modal.df-modal{--df-ink:#2b1d14;--df-soft:#6b4f33;--df-line:#ecd9b0;--df-sand:#f3e2bd;--df-gold:#e8b04a;--df-gold-l:#ffd987;--df-gold-d:#8a5a12;width:min(560px,100vw - 40px);height:min(780px,100dvh - 40px);color:var(--df-ink);padding:16px 20px 0}.world-modal.df-modal[open]{flex-direction:column;display:flex}.world-modal.df-modal h2{color:var(--df-ink);flex:none;margin:6px 52px 12px 0;font-size:24px;line-height:1.2}.world-modal.df-modal .world-modal-close{width:44px;height:44px;top:12px;right:12px}.df-modal .pp-mode{flex:none}.df{flex-direction:column;flex:1;min-height:0;font:700 14px/1.3 system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;display:flex}.df button{font:inherit;color:inherit;cursor:pointer;border:0}.df a{color:inherit;text-decoration:none}.df :is(button,a,input):focus-visible{outline-offset:2px;outline:3px solid #3a2a7a}.df-top{flex:none;grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.df-top>*{min-width:0;margin-block:0}.df-top .pp-join{box-sizing:border-box}.df-top .pp-join>div{min-width:0}.df-top .pp-join input{width:100%;min-width:0}.df-search{height:48px;box-shadow:inset 0 0 0 2px var(--df-line);color:var(--df-soft);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.df-search:focus-within{box-shadow:inset 0 0 0 2px var(--df-gold-d)}.df-search input{min-width:0;color:var(--df-ink);-webkit-appearance:none;background:0 0;border:0;outline:0;flex:1;font:700 16px system-ui,-apple-system,sans-serif}.df-search input::placeholder{color:#7d6549;font-weight:600}.df-tabs{border-bottom:2px solid var(--df-line);justify-content:space-between;gap:4px;display:flex}.df .df-tabs button{min-height:44px;color:var(--df-soft);white-space:nowrap;background:0 0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:0 3px}.df .df-tabs button[aria-selected=true]{color:var(--df-ink);border-bottom-color:var(--df-gold-d)}.df-body{overscroll-behavior:contain;min-height:0;padding:12px 20px max(20px,env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;gap:10px;margin:0 -20px;display:flex;overflow:auto}.df-body>*{flex:none}.df-label{margin:0 0 -4px;font-size:13px;line-height:1.3;color:var(--df-soft)!important}.df-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.df .df-seg button,.df .df-grades button{background:var(--df-sand);text-align:center;border-radius:12px;min-height:52px;line-height:1.2}.df .df-seg.low button,.df .df-grades button{min-height:48px;font-size:15px}.df-seg small{color:var(--df-soft);font-size:11px;font-weight:600;display:block}.df .df-seg button[aria-pressed=true],.df .df-grades button[aria-pressed=true]{background:var(--df-gold);box-shadow:0 3px 0 var(--df-gold-d)}.df-seg button[aria-pressed=true] small{color:#3f2a10}.df-grades{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.df-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.df-topics li{min-width:0;box-shadow:0 0 0 1.5px var(--df-line);background:#fff;border-radius:14px;align-content:start;gap:3px;padding:6px;display:grid}.df-topics img{object-fit:contain;width:100%;height:58px;display:block}.df-topics strong{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.df-sets{grid-template-columns:1fr 1fr;gap:4px;display:grid}.df .df-sets>*{background:var(--df-gold-l);border-radius:10px;justify-content:center;align-items:center;gap:2px;min-height:44px;padding:0;display:flex}.df .df-sets>[aria-pressed=true]{background:var(--df-gold);box-shadow:inset 0 0 0 2px var(--df-gold-d)}.df .df-sets>.locked{color:#6e5c44;background:#efe6d3;font-size:13px}.df-nums{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.df .df-nums>*{min-height:88px;box-shadow:0 0 0 1.5px var(--df-line);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4px;display:flex;position:relative}.df .df-nums>[aria-pressed=true]{box-shadow:0 0 0 3px var(--df-gold-d)}.df-nums img{object-fit:contain;width:44px;height:48px}.df .df-nums>.locked{color:#6e5c44;background:#f7f0e0}.df-nums .locked img{opacity:.55}.df-nums .locked>svg{position:absolute;top:6px;right:6px}.df-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.df .df-row{width:100%;min-height:64px;box-shadow:0 0 0 1.5px var(--df-line);text-align:left;background:#fff;border-radius:14px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.df .df-row[aria-pressed=true]{box-shadow:0 0 0 3px var(--df-gold-d)}.df .df-row.locked{color:#6e5c44;background:#f7f0e0}.df-row img,.df-noimg{object-fit:contain;background:var(--df-sand);border-radius:10px;flex:none;place-items:center;width:48px;height:48px;display:grid}.df-row img{background:#fff}.df-row span{flex:1;gap:2px;min-width:0;display:grid}.df-row strong{font-weight:700}.df-row small{color:var(--df-soft);font-size:12.5px;font-weight:600}.df-row>svg{color:var(--df-soft);flex:none}.df .df-back{min-height:44px;color:var(--df-soft);background:0 0;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;margin:-4px 0 -6px -8px;padding:0 12px 0 8px;display:inline-flex}.df-series{color:var(--df-ink);flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0;font:400 20px/1.2 Jua,system-ui,sans-serif;display:flex}.df-series small{color:var(--df-soft);font:600 13px system-ui,sans-serif}.df-hit{background:var(--df-sand);border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.df-hit img{object-fit:contain;background:#fff;border-radius:12px;width:64px;height:64px}.df-hit b{font:400 26px/1.1 Jua,system-ui,sans-serif;display:block}.df-hit small{color:var(--df-soft);font-size:13px}.df-cam{background:var(--df-gold);min-height:52px;box-shadow:0 3px 0 var(--df-gold-d);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:15px;display:flex}.df-none{text-align:center;gap:12px;margin:0;padding:24px 8px;line-height:1.6;display:grid;color:var(--df-soft)!important}.df-none p{margin:0;color:inherit!important}.df .df-retry{background:var(--df-sand);border-radius:12px;min-height:44px;margin-top:8px;padding:0 18px;display:inline-block}@media (max-width:600px){.world-modal.df-modal{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));border-radius:0;margin:0}.world-modal.df-modal .world-modal-close{top:calc(8px + env(safe-area-inset-top,0px));right:max(8px,env(safe-area-inset-right,0px))}.df-body{margin:0 -16px;padding-left:16px;padding-right:16px}}