:root{font-family:Segoe UI,system-ui,sans-serif;color:#17242b;background:#edf3f2;font-size:16px}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{border:1px solid #45636d;border-radius:.55rem;padding:.7rem 1rem;background:#fff;color:#16272d;cursor:pointer;font-weight:650}button:hover{background:#e8f2f1}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #f3bd35;outline-offset:3px}.primary{background:#126b69;color:#fff;border-color:#126b69}.start{min-height:100dvh;display:grid;place-items:center;padding:2rem;background:linear-gradient(125deg,#eaf1ef 45%,#bbd4d1)}.start-card{max-width:960px;background:#fff;padding:clamp(1.5rem,4vw,3.5rem);border-radius:1.2rem;box-shadow:0 20px 60px #254a4a26}.eyebrow{font-weight:700;color:#126b69;letter-spacing:.05em}.start h1,.article h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.08;margin:.4rem 0 1rem}.notice{border-left:5px solid #dc9a20;background:#fff8e5;padding:1rem 1.2rem;line-height:1.7;margin:1.5rem 0}.actions{display:flex;flex-wrap:wrap;gap:.7rem}.instructions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.instructions h2{font-size:1rem}.instructions p,.small{font-size:.9rem;line-height:1.6}fieldset{display:flex;gap:1.5rem;flex-wrap:wrap;border:1px solid #bdcccb;border-radius:.6rem;padding:1rem}label{display:flex;align-items:center;gap:.5rem}.article{max-width:800px;margin:auto;padding:clamp(1.5rem,5vw,4rem);line-height:1.8}.article section{margin:2.5rem 0}.experience{height:100dvh;background:#111;overflow:hidden;position:relative}.experience canvas{touch-action:none}.hud{position:absolute;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));max-width:min(440px,calc(100% - 2rem));background:#10242ee8;color:#fff;padding:.8rem 1rem;border-radius:.8rem;pointer-events:none}.hud div{display:flex;justify-content:space-between;gap:1rem}.hud span{font-size:.85rem}.hud p{margin:.5rem 0 0}.hud small{display:block;font-weight:400;margin-top:.25rem}.hud-actions{position:absolute;right:max(1rem,env(safe-area-inset-right));top:max(1rem,env(safe-area-inset-top));display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;max-width:48%}.hud-actions button{padding:.5rem .7rem}.crosshair{position:absolute;left:50%;top:50%;color:#fff;text-shadow:0 1px 3px #000;font-size:1.4rem}.hemianopia{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(26,35,39,.76) 0%,rgba(41,50,51,.58) 28%,rgba(100,105,103,.24) 43%,transparent 58%);-webkit-backdrop-filter:blur(2px) saturate(.45) contrast(.72) brightness(.78);backdrop-filter:blur(2px) saturate(.45) contrast(.72) brightness(.78);-webkit-mask-image:linear-gradient(90deg,#000 0 42%,transparent 59%);mask-image:linear-gradient(90deg,#000 0 42%,transparent 59%)}.joystick{display:none;position:absolute;width:120px;height:120px;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));border:2px solid #ffffffaa;border-radius:50%;background:#0c1d2755;touch-action:none}.joystick span{position:absolute;width:52px;height:52px;left:32px;top:32px;background:#fffb;border-radius:50%}.event-message,.modal-backdrop{position:absolute;inset:0;background:#071218a8;display:grid;place-items:center;padding:1rem;z-index:5}.event-message,.modal{color:#18282e}.event-message{inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#fff;max-width:520px;padding:1.5rem;border-radius:.8rem;width:calc(100% - 2rem)}.modal{background:#fff;padding:1.5rem;border-radius:.8rem;display:grid;gap:1rem;max-height:90dvh;overflow:auto}.fallback{min-height:100dvh;display:grid;place-content:center;max-width:700px;margin:auto;padding:2rem}.debug{position:absolute;left:1rem;bottom:1rem;background:#000c;color:#9fff9f;font:12px monospace;padding:.6rem;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px),(pointer:coarse){.joystick{display:block}.hud{font-size:.88rem;right:1rem}.hud-actions{top:auto;bottom:max(1rem,env(safe-area-inset-bottom));max-width:calc(100% - 160px)}.hud-actions button{font-size:.78rem}.instructions{grid-template-columns:1fr}.crosshair{display:none}}@media(max-height:500px)and (pointer:coarse){.hud{max-width:45%}.hud p{display:none}.joystick{width:95px;height:95px}.joystick span{left:22px;top:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.vision-effect{position:absolute;inset:0;pointer-events:none}.vision-effect.hemianopia{background:linear-gradient(90deg,rgba(35,43,44,.7),rgba(83,88,86,.28) 43%,transparent 60%);-webkit-backdrop-filter:blur(2px) saturate(.5) contrast(.75);backdrop-filter:blur(2px) saturate(.5) contrast(.75);-webkit-mask-image:linear-gradient(90deg,#000 0 40%,transparent 60%);mask-image:linear-gradient(90deg,#000 0 40%,transparent 60%)}.neglect:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 50%,transparent 20%,rgba(226,220,204,.08) 55%,rgba(174,169,156,.23));-webkit-mask-image:linear-gradient(90deg,#000,transparent 66%);mask-image:linear-gradient(90deg,#000,transparent 66%)}.vision-effect.hemianopia.neglect{background:linear-gradient(90deg,rgba(30,38,40,.82),rgba(80,84,81,.4) 45%,transparent 64%);-webkit-backdrop-filter:blur(3px) saturate(.35) contrast(.65);backdrop-filter:blur(3px) saturate(.35) contrast(.65)}.experience-controls{position:absolute;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));display:flex;gap:.5rem;background:#10242ee8;color:#fff;padding:.6rem;border-radius:.7rem}.experience-controls select{max-width:11rem;padding:.35rem}.mode-description{padding:.35rem .5rem;background:#ffffff18;border-radius:.35rem;font-size:.86rem}@media(max-width:760px),(pointer:coarse){.experience-controls{bottom:145px;left:1rem;right:1rem;justify-content:center;font-size:.75rem}.experience-controls select{max-width:8rem}.hud{font-size:.82rem}.hud-actions button{font-size:.72rem;padding:.4rem}}.target-list{color:#ffe394;font-weight:700;padding-top:.25rem}.detail-guidance{color:#bcefe7}.detail-entry{box-shadow:0 0 0 3px #fff6}.detail-viewer{position:absolute;inset:0;z-index:20;background:#0c161b;color:#fff;display:flex;flex-direction:column;overflow:auto}.detail-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.75rem 1rem;background:#10242e}.detail-header h2,.detail-header p{margin:.15rem 0}.detail-header .eyebrow{color:#8ee0d5}.detail-close{font-size:1.6rem;line-height:1;padding:.4rem .7rem}.detail-toolbar{display:flex;flex-wrap:wrap;gap:.45rem;padding:.55rem 1rem;background:#1b343e;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.detail-toolbar button[aria-pressed=true]{background:#f3bd35;color:#17242b}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;min-height:0;flex:1;padding:1rem}.detail-stage{position:relative;overflow:hidden;min-height:520px;background:#05090b;touch-action:none;cursor:grab;border-radius:.8rem}.detail-stage:active{cursor:grabbing}.detail-image-layer{position:absolute;inset:0;transform-origin:center;transition:transform .08s linear}.detail-image-layer>img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none}.detail-hotspot{position:absolute;padding:0;border:2px solid transparent;background:transparent;border-radius:.35rem;transform:translate(-0%,-0%);z-index:2}.detail-hotspot span{opacity:0;position:absolute;left:50%;bottom:100%;transform:translate(-50%);white-space:nowrap;background:#10242eee;color:#fff;padding:.25rem .4rem;border-radius:.3rem;font-size:.72rem;pointer-events:none}.detail-hotspot:hover,.detail-hotspot:focus-visible,.detail-hotspot.is-hint{border-color:#ffd54a;background:#ffd54a2e}.detail-hotspot:hover span,.detail-hotspot:focus-visible span,.detail-hotspot.is-hint span,.detail-hotspot.is-found span{opacity:1}.detail-hotspot.is-found{border-color:#66e0a3;background:#0acb7038}.detail-left-effect{position:absolute;inset:0 42% 0 0;pointer-events:none;transition:.25s}.mode-left-homonymous-hemianopia .detail-left-effect{background:linear-gradient(90deg,#172126e8,#4a5052a8 65%,transparent);-webkit-backdrop-filter:blur(3px) saturate(.45) contrast(.65);backdrop-filter:blur(3px) saturate(.45) contrast(.65)}.mode-left-neglect .detail-left-effect{background:linear-gradient(90deg,#c7c2b34d,transparent);opacity:.8}.mode-left-hemianopia-with-neglect .detail-left-effect{background:linear-gradient(90deg,#172126f2,#555754c9 70%,transparent);-webkit-backdrop-filter:blur(4px) saturate(.3) contrast(.55);backdrop-filter:blur(4px) saturate(.3) contrast(.55)}.detail-stage.is-scanning-left .detail-left-effect{opacity:.18;inset:0 62% 0 0}.mode-left-neglect .side-left:not(.is-found):not(.is-hint),.mode-left-hemianopia-with-neglect .side-left:not(.is-found):not(.is-hint){transform:scale(.72);transform-origin:center}.detail-readable{position:absolute;z-index:3;background:#fff;color:#111;padding:.25rem .45rem;border:2px solid #333;border-radius:.15rem;font-weight:900;box-shadow:0 2px 6px #0005}.price-example{left:7%;top:54%;font-size:clamp(.85rem,2vw,1.45rem)}.text-example{left:6%;top:17%;background:#ffdf3d;color:#9d2119;transform:rotate(-3deg)}.mode-left-homonymous-hemianopia .leading-character,.mode-left-neglect .leading-character{opacity:.1;filter:blur(2px)}.mode-left-hemianopia-with-neglect .leading-character{opacity:0}.detail-zoom{position:absolute;right:.6rem;bottom:.4rem;background:#000b;padding:.25rem .45rem;border-radius:.3rem;margin:0}.detail-task-panel{background:#f7faf9;color:#17242b;border-radius:.8rem;padding:1rem;overflow:auto}.detail-task-panel h3{margin:.25rem 0}.detail-task-panel ul{padding-left:1.25rem}.detail-task-panel li{margin:.45rem 0}.detail-task-panel li.is-found{color:#08764b;font-weight:700}.detail-task-panel label{display:grid;gap:.35rem;margin:1rem 0}.detail-task-panel select{padding:.5rem}.detail-status{min-height:4.8rem;background:#e5f1ef;border-left:4px solid #197b72;padding:.7rem;line-height:1.5}.detail-note{font-size:.8rem;line-height:1.5;color:#526268}.detail-task-panel>.primary{width:100%}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.detail-stage{min-height:min(58dvh,520px)}.detail-task-panel{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.detail-task-panel .eyebrow,.detail-task-panel h3{grid-column:1/-1}.detail-task-panel p,.detail-task-panel ul{margin:.2rem 0}.detail-task-panel>.primary{align-self:end}}@media(max-width:600px){.detail-header{font-size:.78rem}.detail-header h2{font-size:1.05rem}.detail-header p:last-child{display:none}.detail-toolbar{padding:.4rem}.detail-toolbar button{font-size:.72rem;padding:.45rem}.detail-layout{padding:.45rem;gap:.45rem}.detail-stage{min-height:46dvh}.detail-task-panel{display:block;padding:.75rem}.detail-status{min-height:auto}.detail-note{display:none}}.current-mode-badge{position:absolute;z-index:4;top:max(.75rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(520px,42vw);padding:.55rem .9rem;border:2px solid #fff;border-radius:.8rem;background:#145f68ed;color:#fff;text-align:center;box-shadow:0 5px 18px #0006;pointer-events:none}.current-mode-badge span,.current-mode-badge small{display:block;font-size:.72rem}.current-mode-badge strong{display:block;font-size:clamp(1.1rem,2.2vw,1.65rem);line-height:1.2}.current-mode-badge.mode-badge-left-homonymous-hemianopia{background:#355d7ced}.current-mode-badge.mode-badge-left-neglect{background:#765d22ed}.current-mode-badge.mode-badge-left-hemianopia-with-neglect{background:#653c64ed}.current-mode-badge.is-compact{width:auto;min-width:250px;padding:.35rem .65rem}.current-mode-badge.is-compact strong{font-size:1rem}.current-mode-badge.is-compact small{display:none}.detail-header .current-mode-badge,.product-detail-modal .current-mode-badge{position:static;transform:none;pointer-events:none}.mode-dialog-backdrop{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#071218c7}.mode-change-dialog{width:min(560px,100%);background:#fff;color:#17242b;padding:clamp(1.2rem,4vw,2rem);border-radius:1rem;box-shadow:0 20px 70px #0008}.mode-change-dialog h2{margin:.25rem 0;font-size:clamp(1.6rem,5vw,2.3rem)}.mode-change-dialog p{line-height:1.65}.mode-dialog-note{font-size:.85rem;background:#fff8e5;padding:.7rem;border-left:4px solid #dc9a20}.product-modal-backdrop{position:absolute;inset:0;z-index:30;background:#071218d9;display:grid;place-items:center;padding:1rem}.product-detail-modal{width:min(1050px,100%);max-height:96dvh;overflow:auto;background:#f4f7f6;color:#17242b;border-radius:1rem;box-shadow:0 20px 80px #000a;padding:1rem}.product-detail-modal>header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.product-detail-modal>header h2,.product-detail-modal>header p{margin:.2rem 0}.product-detail-modal>header button{font-size:1.5rem;line-height:1}.product-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;margin-top:.8rem}.product-source{height:145px;background-size:220%;background-repeat:no-repeat;border-radius:.7rem;border:3px solid #fff;box-shadow:inset 0 0 0 1px #0004}.product-package{--product-accent:#39766b;position:relative;height:430px;margin-top:.7rem;overflow:hidden;border:8px solid var(--product-accent);border-radius:1rem;background:linear-gradient(145deg,#fff 55%,color-mix(in srgb,var(--product-accent) 18%,white));box-shadow:0 10px 25px #20383b35}.product-brand{position:absolute;left:36%;top:5%;color:var(--product-accent);font-weight:800;letter-spacing:.12em}.product-name{position:absolute;left:18%;top:18%;width:64%;text-align:center;font-size:clamp(1.7rem,4vw,3rem);font-weight:900;color:#20343a}.product-price{position:absolute;left:12%;top:49%;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900;background:#fff5bd;padding:.3rem .6rem;border-bottom:5px solid #d04636}.product-discount{position:absolute;left:3%;top:4%;display:grid;place-items:center;width:22%;aspect-ratio:1;border-radius:50%;background:#d83d32;color:#fff;font-weight:900;font-size:clamp(1rem,2.5vw,1.7rem);transform:rotate(-8deg)}.product-content{position:absolute;right:8%;top:52%;font-weight:700}.product-date{position:absolute;left:7%;top:76%;font:700 1rem monospace}.product-notice{position:absolute;right:5%;top:76%;max-width:43%;font-size:.85rem}.product-hotspot{position:absolute;z-index:3;padding:0;border:3px solid transparent;background:transparent}.product-hotspot span{opacity:0;position:absolute;left:50%;bottom:100%;transform:translate(-50%);white-space:nowrap;background:#10242eee;color:#fff;padding:.25rem .45rem;border-radius:.3rem}.product-hotspot:hover,.product-hotspot:focus-visible,.product-hotspot.is-hint{border-color:#f2be2d;background:#ffe45b32}.product-hotspot:hover span,.product-hotspot:focus-visible span,.product-hotspot.is-hint span,.product-hotspot.is-found span{opacity:1}.product-hotspot.is-found{border-color:#15975a;background:#42d98a35}.product-left-effect{position:absolute;z-index:2;inset:0 55% 0 0;pointer-events:none}.product-package.mode-left-homonymous-hemianopia .product-left-effect{background:linear-gradient(90deg,#2d373bdc,#6b706d75,transparent);-webkit-backdrop-filter:blur(3px) saturate(.4);backdrop-filter:blur(3px) saturate(.4)}.product-package.mode-left-neglect .product-left-effect{background:linear-gradient(90deg,#b8ae9059,transparent)}.product-package.mode-left-hemianopia-with-neglect .product-left-effect{background:linear-gradient(90deg,#232d31ef,#696b66a6,transparent);-webkit-backdrop-filter:blur(4px) saturate(.25);backdrop-filter:blur(4px) saturate(.25)}.product-package.mode-left-homonymous-hemianopia .product-leading,.product-package.mode-left-neglect .product-leading{opacity:.08;filter:blur(2px)}.product-package.mode-left-hemianopia-with-neglect .product-leading{opacity:0}.product-package.is-scanning-left .product-left-effect{opacity:.12}.product-detail-layout aside{background:#fff;border-radius:.7rem;padding:1rem}.product-detail-layout aside h3{margin-top:0}.product-detail-layout aside li{margin:.5rem 0}.product-detail-layout aside li.is-found{color:#08764b;font-weight:700}.product-status{min-height:4.3rem;padding:.7rem;background:#e5f1ef;border-left:4px solid #197b72}.product-complete{font-weight:900;text-align:center;color:#08764b;background:#daf5e6;padding:.6rem}.product-actions{display:flex;gap:.4rem}.product-detail-layout aside label{display:grid;gap:.35rem;margin:1rem 0}.product-detail-layout aside select{padding:.5rem}.product-detail-layout aside>.primary{width:100%}@media(max-width:900px){.current-mode-badge{width:min(400px,46vw)}.current-mode-badge small{display:none}.product-detail-layout{grid-template-columns:1fr}.product-detail-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.product-detail-layout aside h3,.product-detail-layout aside>p,.product-detail-layout aside>ul,.product-detail-layout aside>.primary{grid-column:1/-1}}@media(max-width:600px){.current-mode-badge{top:.35rem;width:52vw;padding:.35rem}.current-mode-badge span{font-size:.62rem}.current-mode-badge strong{font-size:.82rem}.hud{top:4.2rem}.product-modal-backdrop{padding:.35rem}.product-detail-modal{padding:.65rem}.product-detail-modal .current-mode-badge{min-width:0;width:100%}.product-source{height:90px}.product-package{height:330px}.product-detail-layout{display:block}.product-detail-layout aside{display:block;margin-top:.6rem}.product-detail-layout aside .detail-note{display:block}.product-brand,.product-content,.product-date,.product-notice{font-size:.7rem}}